设置光标位置

前端之家收集整理的这篇文章主要介绍了设置光标位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

设置光标位置

 

文件如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>设置光标</TITLE>
  <Meta NAME="Generator" CONTENT="EditPlus">
  <Meta NAME="Author" CONTENT="">
  <Meta NAME="Keywords" CONTENT="">
  <Meta NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
  <textarea id=demo cols=50 rows=5>设置光标位置</textarea>

<input type=checkBox id=collapse>倒数 第<input id=s value=4 size=4>位 <input value="设置光标" type=button onclick=setCursor()>
<script>
function setCursor(){
     var num=parseInt(document.all.s.value)
     var range=document.all.demo.createTextRange();
           if(document.all.collapse.checked){
                 range.collapse(false);
                 range.moveEnd('character',-1*num);
             }else{
                 range.collapse(true);
                 range.moveStart('character',-1+num);
            }
                 range.select();
       }
</script>
 </BODY>
</HTML>

猜你在找的JavaScript相关文章