javascript - 如何在文本区域中的当前插入符位置插入文本

Question

在从图像调用函数时，我试图将图像中的 alt 标记值插入插入符当前所在位置的文本区域中。

这是我目前拥有的将 alt 标记值插入文本区域末尾的代码。

    $("#emoticons").children().children().click(function () {
        var ch = $(this).attr("alt");
        $("#txtPost").append(ch);

    }); 

我遇到的两件事是确定插入符的位置，并创建一个新字符串，其中包含插入符位置之前的 textarea 值 + 我要插入的代码 + 之后的 textarea 值插入符号位置。

Answer 1

我目前已经有了这个扩展:

$.fn.insertAtCaret = function(text) {
    return this.each(function() {
        if (document.selection && this.tagName == 'TEXTAREA') {
            //IE textarea support
            this.focus();
            sel = document.selection.createRange();
            sel.text = text;
            this.focus();
        } else if (this.selectionStart || this.selectionStart == '0') {
            //MOZILLA/NETSCAPE support
            startPos = this.selectionStart;
            endPos = this.selectionEnd;
            scrollTop = this.scrollTop;
            this.value = this.value.substring(0, startPos) + text + this.value.substring(endPos, this.value.length);
            this.focus();
            this.selectionStart = startPos + text.length;
            this.selectionEnd = startPos + text.length;
            this.scrollTop = scrollTop;
        } else {
            // IE input[type=text] and other browsers
            this.value += text;
            this.focus();
            this.value = this.value;    // forces cursor to end
        }
    });
};

你可以像这样使用它:

$("#txtPost").insertAtCaret(ch);