JS获取textarea的光标位置并插入内容（转）

原文出处：大家都不写出处，我也不知道到底原著作者是谁了...，只在此表明本文是转来的。

js代码：

　　function getValue(objid,str){
        var myField=document.getElementById(""+objid);
        //IE浏览器
        if (document.selection) {
            myField.focus();
            sel = document.selection.createRange();
            sel.text = str;
            sel.select();
        }

        //火狐/网景 浏览器
        else if (myField.selectionStart || myField.selectionStart == \'0\')
        {
            //得到光标前的位置
            var startPos = myField.selectionStart;
            //得到光标后的位置
            var endPos = myField.selectionEnd;
            // 在加入数据之前获得滚动条的高度
            var restoreTop = myField.scrollTop;
            myField.value = myField.value.substring(0, startPos) + str + myField.value.substring(endPos, myField.value.length);
            //如果滚动条高度大于0
            if (restoreTop > 0) {
                 // 返回
                 myField.scrollTop = restoreTop;
            }
            myField.focus();
            myField.selectionStart = startPos + str.length;
            myField.selectionEnd = startPos + str.length;
        }
        else {
            myField.value += str;
            myField.focus();
        }
    }

    function insert()
    {
        var text = $(\'input\').val();
        if(text == \'\')
        {
            alert(\'请输入文字\');
            return false;
        }
        getValue(\'ceshi\',text);
    }

 

html代码：

<input type="text"/>
<button onclick="insert();">提交</button>
<textarea id="ceshi"></textarea>