js-聚焦到输入框最后位置-1.1

    今天同事问我怎么使得输入框通过focus函数后，焦点在最后面，而不是最前面。后来一查发现很简单。只要在focus函数后加入一行代码就好了(╥╯^╰╥)

//tObj ：找到输入框元素
//sPos : 输入框内容长度
tObj.focus();
tObj.setSelectionRange(sPos, sPos);

 就是setSelectionRange，这个函数可以设置光标选中的区域。他有两个参数，开始的位置、结束的位置。

    如果两个参数值不相同

tObj.setSelectionRange(0, 2);

    就会选中位置为0 1 2三个字符。如果参数相同，就会成为最初我们想要的光标停在某个位置上。

 

代码来咯

var tObj = document.getElementById("aa");
var sPos = tObj.value.length;
if(tObj.setSelectionRange){
    setTimeout(function(){
        tObj.focus();
        tObj.setSelectionRange(sPos, sPos);
    }, 0);
}