如何在 JavaScript 中可靠地將遊標放置在文字輸入元素的末尾？

在JavaScript 中將遊標放置在文字輸入元素的末尾

透過JavaScript 將遊標放置在文字輸入元素的末尾非常簡單任務，尤其是在焦點設定到元素之後。讓我們探索最有效、最直接的方法：

以下程式碼片段提供了一個簡單而有效的解決方案：

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

此行計算輸入值的長度並設定起始值和起始值將遊標結束到該位置。此方法適用於大多數主要瀏覽器。

但是，某些瀏覽器表現出一些怪癖，需要更全面的解決方案：

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

在此程式碼片段中，使用setTimeout() 來解決潛在的問題瀏覽器不一致。它將遊標位置設為任意大的數字（例如 10000），確保它超出輸入文字的末尾，實質上將其放置在末尾。

此外，您可以使用 jQuery 來設定焦點監聽者：

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

以上是如何在 JavaScript 中可靠地將遊標放置在文字輸入元素的末尾？的詳細內容。更多資訊請關注PHP中文網其他相關文章！