js选择部分文本

最新推荐文章于 2024-07-10 10:39:28 发布

原创最新推荐文章于 2024-07-10 10:39:28 发布 · 889 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#textbox #character #button

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用JavaScript编写的简单脚本，该脚本能够自动选择文本区域中的特定文本。通过设置开始和结束索引，可以精确地选择目标文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
function foo(){
   var textbox=  document.getElementById('target');
   selectText(textbox,0,14);  //选择前 14 个字符
}

/**
 * @textbox : 要操作的文本
 * @startIndex : 要选择文本中第一个字符的索引
 * @stopIndex : 要选择文本最后一个字符之后的索引
 */
function selectText(textbox,startIndex,stopIndex){
     if(textbox.setSelectionRange){
	       textbox.setSelectionRange(startIndex,stopIndex); 
	 }else if(textbox.createTextRange){
	     var range=textbox.createTextRange();
		 range.collapse(true);
		 range.moveStart('character',startIndex);
		 range.moveEnd('character',stopIndex-startIndex);
		 range.select();
	 }
	 textbox.focus();
}
</script>
<textarea cols="40" rows="10" id="target">
<div>php</div>
<div>qqq</div>
</textarea>
<input type="button" onclick="foo()" value="Click">