美文网首页
设置input框光标的位置

设置input框光标的位置

作者: 空谷悠 | 来源:发表于2017-04-25 13:46 被阅读349次

    封装一个函数

    function set_text_value_position(obj, spos){

    var tobj = document.getElementById(obj);

    if(spos<0)

    spos = tobj.value.length;

    if(tobj.setSelectionRange){ //兼容火狐,谷歌

    setTimeout(function(){

    tobj.setSelectionRange(spos, spos);

    tobj.focus();

    },0);

    }else if(tobj.createTextRange){ //兼容IE

    var rng = tobj.createTextRange();

    rng.move('character', spos);

    rng.select();

    }

    }

    执行函数

    $("#personalSetUp_maskNameTwoInputId").keyup(function(event){

    set_text_value_position('personalSetUp_maskNameTwoInputId', -1);  //设置到末尾

    })

    $("#personalSetUp_maskNameTwoInputId").keyup(function(event){

    set_text_value_position('personalSetUp_maskNameTwoInputId', 0);  //设置到开头

    })

    相关文章

      网友评论

          本文标题:设置input框光标的位置

          本文链接:https://www.haomeiwen.com/subject/nsjvzttx.html