如何使用 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中文網其他相關文章！