Javascript获取以及设置光标位置
来源:易贤网 阅读:1426 次 日期:2015-04-27 10:52:47
温馨提示:易贤网小编为您整理了“Javascript获取以及设置光标位置”,方便广大网友查阅!

在项目开发中经常遇到input等设置光标位置到最后的问题,今天我查了一下Google,找到了在IE、Firefox、Opera等主流浏览器的获取光标位置(getCursortPosition)以及设置光标位置(setCursorPosition)的函数。

获取光标位置函数

[js]代码:

function getCursortPosition (ctrl) {

var CaretPos = 0;// IE Support

if (document.selection) {

ctrl.focus ();

var Sel = document.selection.createRange ();

Sel.moveStart ('character', -ctrl.value.length);

CaretPos = Sel.text.length;

}

// Firefox support

else if (ctrl.selectionStart || ctrl.selectionStart == '0')

CaretPos = ctrl.selectionStart;

return (CaretPos);

}

设置光标位置函数

[js]代码:

function setCaretPosition(ctrl, pos){

if(ctrl.setSelectionRange)

{

ctrl.focus();

ctrl.setSelectionRange(pos,pos);

}

else if (ctrl.createTextRange) {

var range = ctrl.createTextRange();

range.collapse(true);

range.moveEnd('character', pos);

range.moveStart('character', pos);

range.select();

}

}

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
易贤网手机网站地址:Javascript获取以及设置光标位置
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 新媒体/短视频平台 | 手机站点

版权所有:易贤网