將遊標定位在文字區域可以增強使用者體驗，但是如何使用 jQuery 來實現呢？
在 jQuery 中，可以實作一個名為 setCursorPosition 的自訂函數來設定遊標位置。這是您提供的程式碼的更新版本：
new function($) {
$.fn.setCursorPosition = function(pos) {
if (this.setSelectionRange) {
this.setSelectionRange(pos, pos);
} else if (this.createTextRange) {
var range = this.createTextRange();
range.collapse(true);
if (pos < 0) {
pos = $(this).val().length + pos;
}
range.moveEnd('character', pos);
range.moveStart('character', pos);
range.select();
}
};
}(jQuery);使用此函數，您可以如下設定遊標位置：
$('#input').focus(function() {
$(this).setCursorPosition(4);
});這會將遊標定位在第 4個字元處當使用者聚焦於該欄位時，在文字區域中，導致"abcd|efg."
或者，存在另一個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();
}
});
};此selectRange函數可讓您指定開始和結束範圍遊標的結束位置，提供對文字選擇的更好控制：
$('#elem').selectRange(3, 5); // select a range of text
$('#elem').selectRange(3); // set cursor position這些jQuery 解決方案使您能夠精確設定文字區域中的遊標位置，增強用戶交互性。
以上是如何使用 jQuery 設定文字區域中的遊標位置？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
