如何以程式設計方式將遊標置於 JavaScript 中文字輸入的末尾？

使用JavaScript 將遊標放置在文字輸入的末尾

將遊標放置在文字輸入元素的末尾是一項常見任務在網路開發中。雖然將焦點設定到元素很簡單，但將遊標移動到輸入文字的末尾可能會很棘手。

JavaScript 解決方案

大多數瀏覽器中最簡單的方法是將輸入元素的 SelectionStart 和 SelectionEnd屬性設定為其值的長度：

this.selectionStart = this.selectionEnd = this.value.length;

包含針對古怪瀏覽器的解決方案

但是，某些瀏覽器表現出怪癖，需要更具包容性的方法：

setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);

此解決方案為SelectionStart 和SelectionEnd設定一個非常大的值，以確保遊標位於文字的遠端。

使用jQuery

雖然不是絕對必要的，但您可以使用 jQuery 來設定事件監聽器：

$('#el').focus(function(){
  var that = this;
  setTimeout(function(){ that.selectionStart = that.selectionEnd = 10000; }, 0);
});

以上是如何以程式設計方式將遊標置於 JavaScript 中文字輸入的末尾？的詳細內容。更多資訊請關注PHP中文網其他相關文章！