在 textarea 中光标位置插入字符串

好久没晒代码了。今天心情不错，搬出来晒晒太阳。

var getCursorEndPosition = function (textarea) {
        textarea.focus();    // 首先当然要设为选中了
        if (textarea.setSelectionRange) { 
            // W3C
            return textarea.selectionEnd;
        } else if (document.selection) { 
            // IE
            var i = 0,
            oS = document.selection.createRange(),    // 当前选中区域，记录了当前光标起始和结束位置的信息，可和 oR 进行对比得出当前光标位置。
            oR = document.body.createTextRange();   // 不可使用 oR = textarea.createTextRange(), 否则不可与 oS 进行 compareEndPoints。
            oR.moveToElementText(textarea);
            oS.getBookmark();
            for (i = 0; oR.compareEndPoints("StartToStart", oS) < 0 && oS.moveStart("character", -1) !== 0; i ++) {
                if (textarea.value.charAt(i) == '/n') {
                    // 换行 +1。
                    i ++;
                }
            }
            return i;
        }
    }

var insertString = function () {
            var $comment = $("#comment");
            var endPosition = getCursorEndPosition($comment[0]);
            var key = this.className,
            textValue  = $comment[0].value;
            textValue = textValue.substring(0, endPosition) + key + textValue.substring(endPosition, textValue.length);
            $("#comment" + name).val(textValue);

            if ($.browser.msie) {
                // 出现换行时，位置应 -1。     
                endPosition -= textValue.split('/n').length - 1;
                var oR = $comment[0].createTextRange();
                oR.collapse(true);
                oR.moveStart('character', endPosition + 6);
                oR.select();
            } else {
                $comment[0].setSelectionRange(endPosition + 6, endPosition + 6);
            }
        });
    }

 

 

本文是使用 B3log Solo 从 Vanessa 进行同步发布的 原文地址：http://vanessa.b3log.org/textarea-cursor-insert-string