將光標設置爲文本框文本的末尾

Question

我的要求是將光標放置在文本框中已經有文本的文本末尾。如何使用Java Script/css/JQuery生成功能。

<span> 
 
    <input id="listInput" class="autocomplete-input singleselect-autocomplete-input" type="text" /> 
 
</span>

預先感謝您。

Answer 1

在chrome/IE/FF中使用下面的函數，它適用於我。

$("#inputtextboxID").on("focus", this.SetCaretAtEnd.bind()); 
 

 
function SetCaretAtEnd(){ 
 
var RefValue = $("#inputtextboxID")[0]; 
 
var RefValueLen = RefValue.value.length; 
 
    // For IE Only 
 
    if (document.selection) { 
 
     // Set focus 
 
     RefValue.focus(); 
 
     // Use IE Ranges 
 
     var selectedText = document.selection.createRange(); 
 
     // Reset position to 0 & then set at end 
 
     selectedText.moveStart('character', -RefValueLen); 
 
     selectedText.moveStart('character', RefValueLen); 
 
     selectedText.moveEnd('character', 0); 
 
     selectedText.select(); 
 
    } 
 
    else if (RefValue.selectionStart || RefValue.selectionStart == '0') { 
 
     // Firefox/Chrome 
 
     RefValue.selectionStart = RefValueLen; 
 
     RefValue.selectionEnd = RefValueLen; 
 
     RefValue.focus(); 
 
    } 
 
    }

Answer 2

您需要將selectionStart 和 selectionEnd屬性的textarea設置爲當前值的長度。