首頁 > web前端 > js教程 > 如何以程式設計方式將遊標置於 JavaScript 中文字輸入的末尾?

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

DDD
發布: 2024-11-30 11:23:10
原創
911 人瀏覽過

How Do I Programmatically Place the Cursor at the End of a Text Input in 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板