js 获取鼠标所选文字的位置

如：
中华人民共和国我鼠标选择了 人民，弹出提示框，显示 所选文字的位置。
如 弹出“人民3-4“。意思是所，我选择的“人民”在这句中处于第3个字开始，第四个字结束。

解决方案 »

  1.   

    要用到
    document.selection.createRange();
    document.body.createTextRange();
      

  2.   

    至于选中的是那句问题，就需要看你具体的环境了，文字是怎么摆放的，放在一个个td中，或者div中，用鼠标事件获取当前是哪个元素，就能获取某一句了。<!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>
     <div>中华人民共和国</div>
     </BODY>
    </HTML>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    document.onmouseup=function()
    {
     var sel = document.selection.createRange();
     var strat="中华人民共和国".indexOf(sel.text);
     var end=strat+sel.text.length;
     alert(sel.text+strat+"-"+end);

    }
    //-->
    </SCRIPT>
      

  3.   

    <script>
    function getSel()
    {
        var element = document.getElementById('thediv');
        if( document.selection ){
            var range = document.selection.createRange();
            var stored_range = range.duplicate();
            stored_range.moveToElementText(element);
            stored_range.setEndPoint('EndToEnd',range);
    //起始位置(start)和结束位置(end)
            element.selectionStart =stored_range.text.length - range.text.length;
            element.selectionEnd = element.selectionStart + range.text.length;
    alert("“"+range.text+"“起始位置(start)和结束位置(end)："+element.selectionStart+";"+element.selectionEnd);
         }
    }
    </script>
    <body>
    <div id="thediv" onmouseup="getSel()">我是人民币！！！</div>
    </body>