首頁 > web前端 > js教程 > 如何使用 jQuery 設定文字區域中的遊標位置?

如何使用 jQuery 設定文字區域中的遊標位置?

Patricia Arquette
發布: 2024-12-08 15:28:11
原創
961 人瀏覽過

How Can I Set the Cursor Position in a Text Area Using jQuery?

使用jQuery 在文字區域中設定遊標位置

問題:

如何在文字區域設定遊標位置使用jQuery 的文字區域?您有一個包含現有內容的文字區域,並且您希望在欄位接收焦點時自動將遊標定位在特定偏移處。

解:

對於jQuery,下面的程式碼片段可以用來實現這個功能:

$.fn.selectRange = function(start, end) {
    if(end === undefined) {
        end = start;
    }
    return this.each(function() {
        if('selectionStart' in this) {
            this.selectionStart = start;
            this.selectionEnd = end;
        } else if(this.setSelectionRange) {
            this.setSelectionRange(start, end);
        } else if(this.createTextRange) {
            var range = this.createTextRange();
            range.collapse(true);
            range.moveEnd('character', end);
            range.moveStart('character', start);
            range.select();
        }
    });
};
登入後複製

有了這個函數,你可以使用下面的語法:

$('#elem').selectRange(3,5); // select a range of text
$('#elem').selectRange(3); // set cursor position
登入後複製

這允許您在文字區域內設定遊標位置,無論您是要選擇文字範圍還是只是將遊標定位在特定偏移處。

其他資源:

  • [JsFiddle示範](https://jsfiddle.net/ywkf09w4/)
  • [JsBin示範](https://jsbin.com/xewotib/edit?html,console,output)

以上是如何使用 jQuery 設定文字區域中的遊標位置?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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