JS控制光标定位,定位到⽂本的某个位置这是⼀个数字密码,要能够智能的跳转到⽂本的某个位置,就需要通过JS来控制跳转!
<input class="put" id="number-password-input" type="tel" maxlength="12" tabindex="6" onkeyup="dealKeyup(this);">
2.
// 光标定位
function dealKeyup(that) {
var input_val = $(that).val();
var input_arr = input_val.split("-");
for(var i=0;i<input_arr.length;i++) {
if (input_arr[i] == ' ') {
setCaretPosition(that, i*2);
return;
}
}
}
这个⽅法,获取输⼊框的值,处理成数组。遍历数组,寻到第⼀个为空的位置,定位到这个位置。
3.
// 获取光标位置
function getCursortPosition(ctrl) {
var CaretPos = 0; // IE Support
if (document.selection) {
ctrl.focus();
var Sel = ateRange();
CaretPos = length;
}
// Firefox support
else if (ctrl.selectionStart || ctrl.selectionStart == '0')
CaretPos = ctrl.selectionStart;
return (CaretPos);
}
// 设置光标位置
function setCaretPosition(ctrl, pos){
if(ctrl.setSelectionRange)
{
ctrl.focus();
ctrl.setSelectionRange(pos,pos);
}
else if (ateTextRange) {
var range = ateTextRange();
range.select();
}
}
亲测可⽤!
⽅法论:没想到js还可以这么玩定位,有意思!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论