鼠标点击textarea后，在光标后追加内容-优快云博客

本文介绍了一种在JavaScript中向文本区域插入特定格式文本的方法，适用于不同浏览器环境，包括IE和火狐等。通过获取下拉菜单选项和文本区域选择，实现定位插入，提升用户体验。

$("#insertMsg").on("click",function(){
　　//获取下拉选项框的值
    var textFeildValue = $("#text_type").find("option:selected").text();
    //获取textarea的值    
    var myField=document.getElementById("text_smsnr");
    if (document.selection) {//IE浏览器
           myField.focus();
           sel = document.selection.createRange();
           sel.text = "{"+textFeildValue+"}";
           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) + "{" + textFeildValue +"}" + myField.value.substring(endPos, myField.value.length);
       //如果滚动条高度大于0
       if (restoreTop > 0) {
         // 返回
         myField.scrollTop = restoreTop;
       }
//                   myField.focus();
       myField.selectionStart = startPos + "{"+textFeildValue.length+"}";
       myField.selectionEnd = startPos + textFeildValue.length;
     }
     else {
       myField.value += "{"+textFeildValue+"}";
//                   myField.focus();
     }
})