jQuery 是一個 Javascript 庫,它可以讓開發人員使用更少的代碼來實現功能。在表單中設置焦點是一個常見的需求。有時我們需要將焦點設置在文本框的中間位置,而不是默認的開頭或結尾位置。下面是一個使用 jQuery 設置焦點在文本框中間位置的示例代碼:
$(document).ready(function() { $('input[type="text"]').focus(function() { var value = $(this).val(); var length = value.length; $(this).setSelection(length / 2, length / 2); }); }); $.fn.setCursorPosition = function(start, end) { if (typeof start == "number" && typeof end == "number") { return this.each(function() { if (this.setSelectionRange) { this.focus(); 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(); } }); } else { return this.focus(); } };
這段代碼使用了 jQuery 中的focus()
、val()
和.setSelection()
方法。當文本框被聚焦時,我們可以使用val()
方法獲取文本框的值,然后使用.setSelection()
方法將光標移動到文本框中間位置。
需要注意的是,這段代碼還定義了一個名為setCursorPosition()
的函數,該函數可用于將光標移動到任意位置。