關注輸入字段值

Question

我專注於一個輸入字段使用jQuery：

$("input:text").focus(); 

已經有在輸入字段中某些文本的價值。當我聚焦時，光標在最後一個字母后面閃爍，我將如何將光標放在第一個字母的前面？

Answer 1

你可以使用這個小插件，我爲你創建（從this script修改）：

jQuery.fn.setCaret = function (pos) { 
    var input = this[0]; 
    if (input.setSelectionRange) { 
     input.focus(); 
     input.setSelectionRange(pos, pos); 
    } else if (input.createTextRange) { 
     var range = input.createTextRange(); 
     range.collapse(true); 
     range.moveEnd('character', pos); 
     range.moveStart('character', pos); 
     range.select(); 
    } 
}; 
// usage: 
$('input:text').setCaret(0); 

演示：jsbin.com/iwetu3/2

Answer 2

添加selectionStart，使其更跨瀏覽

jQuery.fn.setCaret = function (pos) { 
    var input = this[0]; 
    if (input.setSelectionRange) { 
     input.focus(); 
     input.setSelectionRange(pos, pos); 
    } else if (input.createTextRange) { 
     var range = input.createTextRange(); 
     range.collapse(true); 
     range.moveEnd('character', pos); 
     range.moveStart('character', pos); 
     range.select(); 
    } else if(input.selectionStart){ 
     input.focus(); 
     input.selectionStart = pos; 
     input.selectionEnd = pos; 
    } 
}; 
// usage: 
$('input:text').setCaret(0);