Javascript jquery在单击后获取光标位置

我有一个包含大量输入/文本区域的表单，使用该表单的管理员可以向文本中添加动态值，例如：page title=“Hi{name}，欢迎来到{shop_name}”。在表单的底部，我有一个所有可用动态值的列表

问：我试图做的是点击列表中的一个值，它会找到焦点上的先前输入并插入该值

更简单地说，如何使输入=文本的工作方式与文本区域的工作方式相同？因此，如果我将光标放在输入字段中，它将在那里添加foo值，而不是textarea

HTML

---

一种简单的方法是将光标在输入字段中的最后位置存储在变量中。单击一个按钮后，您可以轻松地在所需位置插入值。有足够的思想食粮吗？；）

编辑： 要在位置x上插入字符串，可以使用此选项，也可以拆分位置x上的原始输入内容，并在其中添加新内容

也许你也想看看

我的解决办法如下：

var pos = 0;

$('yourField').on('click keypress', function () {
    pos = $(this).caret().start
});

// inside your click function you can use the following
// $.fn.caretTo( index , [ offset ] )
// to add input to a specific position

---

因此，我将为所有

：input

jQuery.fn.extend({
    insertAtCaret: function (myValue) {
        return this.each(function (i) {
            if (document.selection) {
                //For browsers like Internet Explorer
                this.focus();
                var sel = document.selection.createRange();
                sel.text = myValue;
                this.focus();
            } else if (this.selectionStart || this.selectionStart == '0') {
                //For browsers like Firefox and Webkit based
                var startPos = this.selectionStart;
                var endPos = this.selectionEnd;
                var scrollTop = this.scrollTop;
                this.value = this.value.substring(0, startPos) + myValue + this.value.substring(endPos, this.value.length);
                this.focus();
                this.selectionStart = startPos + myValue.length;
                this.selectionEnd = startPos + myValue.length;
                this.scrollTop = scrollTop;
            } else {
                this.value += myValue;
                this.focus();
            }
        });
    }
});

$(".inserts a").click(function (e) {
    e.preventDefault();
    $('textarea').insertAtCaret(
        $(this).data("foo")
    );
});

var pos = 0;

$('yourField').on('click keypress', function () {
    pos = $(this).caret().start
});

// inside your click function you can use the following
// $.fn.caretTo( index , [ offset ] )
// to add input to a specific position