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