JavaScript中只高亮选中文本框中指的的文本

用focus()方法是高亮全部文本

<SCRIPT>
  function   selectLength(textbox,start,len)   //设置高亮(对象,开始位置,长度)
  {  
  try  
  {  
  var   r   =textbox.createTextRange();  
   
  r.moveEnd('character',len-(textbox.value.length-start));  
  r.moveStart('character',start);  
   
  r.select();  
  }  
  catch(e)  
  {
  }

}

function   getCaret(textbox)   //得到高亮的文本的结束位置
  {  
  var rang   =   document.selection.createRange();  
  rang.setEndPoint("StartToStart",textbox.createTextRange());  
   
  alert(rang.text.length);  
  }  
   
  function   setCaret(textbox,start)  //设置高亮(对象,位置)
  {  
  try  
  {  
  var   r   =textbox.createTextRange();  

  r.moveStart('character',start);  
   
  r.select();  

 
  }  
  catch(e)  
  {}  
  }  


    function   setSelect(){var   range   =   document.body.createTextRange();  
  range.moveToElementText(demo)  
  range.moveEnd('character',-1*parseInt(document.all.s.value));    
  range.moveStart('character',-1+parseInt(document.all.b.value));    
  range.select();  
  }  
</SCRIPT>
<INPUT TYPE="button" VALUE="设置高亮(对象,开始位置,长度)" οnclick="selectLength(document.all('test'),1,2)">
<INPUT TYPE="button" VALUE="得到高亮的文本的结束位置" οnclick="getCaret(document.all('test'))">
<INPUT TYPE="button" VALUE="设置高亮(对象,位置)" οnclick="setCaret(document.all('test'),3,3)">
<INPUT TYPE="text" id="test">
<p>
 //设置选择  
  <div   id=demo>光标定位.abcdefghijklmnopqrstuvwxyz</div>  
  <br>从正数<input   id=b   value=4   size=4>   到   倒数第<input   id=s   value=4   size=4>位   <input   value="设置文本选择"   type=button   οnclick=setSelect()>  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值