jQuery在文本区域中设置光标位置

JavaScript

番长西里神无

2020-03-14

如何使用jQuery在文本字段中设置光标位置?我有一个带有内容的文本字段,我希望用户将光标放在该字段上时将光标定位在某个偏移处。该代码应该看起来像这样:

$('#input').focus(function() {
  $(this).setCursorPosition(4);
});

该setCursorPosition函数的实现是什么样的?如果您的文本字段的内容为abcdefg,则此调用将导致光标的定位如下:abcd ** | ** efg。

Java具有类似的功能setCaretPosition。javascript是否存在类似的方法?

更新:我修改了CMS的代码以与jQuery配合使用,如下所示:

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);

第1593篇《jQuery在文本区域中设置光标位置》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

3个回答
JinJin 2020.03.14

在将文本插入到文本区域中之前设置焦点吗?

$("#comments").focus();
$("#comments").val(comments);
小卤蛋十三 2020.03.14

我正在使用这个:http : //plugins.jquery.com/project/jCaret

阿飞宝儿猴子 2020.03.14

这对我在Mac OSX上的Safari 5,jQuery 1.4上有效:

$("Selector")[elementIx].selectionStart = desiredStartPos; 
$("Selector")[elementIx].selectionEnd = desiredEndPos;

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android