Javascript Jquery上下文菜单移动插入符号

我正在尝试创建自定义上下文菜单，以插入到textarea的图像链接

问题是，当我右键单击textarea时，插入符号没有移动到我单击的位置：

jQuery.fn.extend({
    insertAtCaret: function(myValue) {
        return this.each(function(i) {
            if (document.selection) {
                //For browsers like Internet Explorer
                this.focus();
                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(startPos, endPos) + this.value.substring(endPos, this.value.length);
                this.focus();
                this.selectionStart = startPos + myValue.length;
                this.selectionEnd = ((startPos + myValue.length) + this.value.substring(startPos, endPos).length);
                this.scrollTop = scrollTop;
            } else {
                this.value += myValue;
                this.focus();
            }
        })
    }
});

    $('textarea').entwine({

    oncontextmenu: function(e) {
        e.preventDefault();
        this.insertAtCaret('asdf');
        return false;
    },
});

---

我相信你一定要在鼠标右键点击之前进行常规点击。（或者只是从右键点击开始点击，然后执行代码）提供相关的示例复制问题，例如，什么是

entwine