<textarea>问题：如何获取选中的文字？如何在光标所在处插入指定字符串？

就是在javascript里面，获取某一个<textarea>中当前选中的文字内容，例如<textarea>的Value为"abcdefg"，而当前选中的部分是"cd"，那么我就要获取"cd"这个字符串。至于第二个问题也是类似的。应该是通过TextRange操作吧，不过我不懂，也希望有比TextRange更简单的解决方法。

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <SCRIPT LANGUAGE="JScript">
    function insertTxt()
    {
    var sel = document.selection;
    if (sel!=null) {
    var oRng = sel.createRange();
    oRng!=null ? oRng.text=("bluedestiny") : "return" ;
    }
    }
    </SCRIPT>
    <textarea onclick="insertTxt()">
    光标位置插入
    </textarea>
    </BODY>
    </HTML>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <SCRIPT LANGUAGE="JScript">
    function insertTxt()
    {
    var sel = document.selection;
    if (sel!=null) {
    var oRng = sel.createRange();
    if (oRng!=null) oRng.text=("bluedestiny");
    }
    }
    </SCRIPT>
    <textarea onclick="insertTxt()">
    光标位置插入
    </textarea>
    </BODY>
    </HTML>
      

  3.   

    上面是focus是在插入文字之前
    这个是在插入文字之后
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <textarea onclick="JavaScript:document.execCommand('paste','','bluedestiny')">
    光标位置插入
    </textarea>
    </BODY>
    </HTML>