js获取光标位置和设置文本框光标位置示例代码
js获取光标位置和设置文本框光标位置示例代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:functiongetTxt1CursorPosition(){varoTxt1=document.getElementB...

复制代码 代码如下:

<script type="text/javascript">

function getTxt1CursorPosition(){

var oTxt1 = document.getElementById("txt1");

var cursurPosition=-1;

if(oTxt1.selectionStart){//非IE浏览器

cursurPosition= oTxt1.selectionStart;

}else{//IE

var range = document.selection.createRange();

range.moveStart("character",-oTxt1.value.length);

cursurPosition=range.text.length;

}

alert(cursurPosition);

}

function setTxt1CursorPosition(i){

var oTxt1 = document.getElementById("txt2");

var cursurPosition=-1;

if(oTxt1.selectionStart){//非IE浏览器

oTxt1.selectionStart=i;

}else{//IE

var range = oTxt1.createTextRange();

range.move("character",i);

range.select();

}

}

function getTa1CursorPosition(){

var evt =window.event?window.event:getTa1CursorPosition.caller.arguments[0];

var oTa1 = document.getElementById("ta1");

var cursurPosition=-1;

if(oTa1.selectionStart){//非IE浏览器

cursurPosition= oTa1.selectionStart;

}else{//IE

var range = oTa1.createTextRange();

range.moveToPoint(evt.x,evt.y);

range.moveStart("character",-oTa1.value.length);

cursurPosition=range.text.length;

}

alert(cursurPosition);

}

function setTa1CursorPosition(i){

var oTa2 = document.getElementById("ta2");

if(oTa2.selectionStart){//非IE浏览器

oTa2.selectionStart=i;

oTa2.selectionEnd=i;

}else{//IE

var range = oTa2.createTextRange();

range.move("character",i);

range.select();

}

}

</script>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类