如何选中网页上的文字?
就像是用鼠标点中 拖动 使文字刷黑那样的?
谢谢回答

解决方案 »

  1.   

    晕。
    我要的是JAVASCRIPT 实现。
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>例子</title>
    <script type="text/javascript">
    function SelectText(txt){
        var obj = document.getElementById(txt);
        obj.createTextRange().select();
    }
    </script>
    </head>
    <body>
    <div>
        <textarea id="txt" rows="5" cols="100">fdsjkjkfdjsk</textarea>
        <br />
        <input type="button" value="选中" onclick="SelectText('txt')" />
    </div>
    </body>
    </html>这样是吗 如果是的话可以根据需要修改 主要是创建TextRange对象 然后设置选中的东西
      

  3.   

    那原理是一样的啊 只要你创建了TextRange对象 然后设置要选择的对象 选择的内容等等就可以
    你不给出个示例 我也不知道你想干嘛啊 只能给你个同样的示例了
      

  4.   

    还不如,鼠标放上去变色,选中用鼠标就可以了。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>例子</title>
    <script type="text/javascript">
    function SelectText(obj)
    {
        //var obj = document.getElementById(txt);
        obj.color="blue";
    }
    function toBlack(obj)
    {
        obj.color="black";
    }
    </script>
    </head>
    <body>
    <div>
        <font rows="5" cols="100" onmouseover="SelectText(this)" onmouseout="toBlack(this)">fdsjkjkfdjsk</font>
    </div>
    </body>
    </html>
      

  5.   

    to zhengshaodong :
    我范围那里没怎么看 你能帮忙写一下么?to 楼上:
    我就是想知道怎么实现那样的功能
      

  6.   

    有难度http://blog.csdn.net/ITFLY8/archive/2007/10/11/1820303.aspx这个你看看。我没细看。
      

  7.   

    他是意思不是不在文字内容上面点下。在页面某个位置上的文本内容都变黑?比如div 或者table
      

  8.   

    高人哪里去了HELP!!!!!!!!!!!
      

  9.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>例子</title>
    <script type="text/javascript">
    function SelectText(txt){
        var obj = document.getElementById(txt);
        obj.createTextRange().select();
    }
    </script>
    </head>
    <body>
    <div>
        <div id="txt">fdsjkjkfdjsk</div>
        <br />
        <input type="button" value="选中" onclick="SelectText('txt')" />
    </div>
    </body>
    </html>
      

  10.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>例子</title>
    <script type="text/javascript">
    function SelectText(txt){
        var obj = document.getElementById(txt);
        obj.createTextRange().select();
    }
    </script>
    </head>
    <body>
    <div>
        <div id="txt">fdsjkjkfdjsk</div>
        <br />
        <input type="button" value="选中" onclick="SelectText('txt')" />
    </div>
    </body>
    </html>
      

  11.   

    document.selection.createRange().duplicate().text
      

  12.   

    TO 16楼 
    能不能给出详细一点的代码。TO楼上
    6楼的代码根本就不是我想要的。
    我想实现的功能
    就像在IE上点编辑 在该页上查找
    的功能一样。如果找到 就把那一块刷黑
      

  13.   

    <body>
    <form name="form">
    点我提交
    <input type="button" onclick="alert(document.selection.createRange().duplicate().text)" value="选中的">
    </form>
    </BODY>
      

  14.   

    waiting for .....................................
      

  15.   

    我明白他的要求 可是我不会写。他的意思是在页面中ctrl+f 查找,查找到的部分以类似鼠标选中后那种外观呈现出来:黑底白字
      
    *****************************************************************************
    欢迎使用CSDN论坛专用阅读器 : CSDN Reader(附全部源代码) http://www.cnblogs.com/feiyun0112/archive/2006/09/20/509783.html
      

  16.   

    你用jQuery框架实现:,很容易实现你要的效果.<script src="javascript/jquery-1.2.1.js" type="text/javascript"></script> 
    <script>
    $(document).ready(function(){
    //jQuery.noConflict();  //使$成为别的库代码所使用
    $('p,table,div').mouseover(function () {
    $(this).css('background', '#ff0000');
    }).mouseout(function () {
    $(this).css('background', '');
    });
    });
    </script>
      

  17.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title>例子</title>
        <script type="text/javascript">
          function SelectText(obj)
          {
            var ntext = obj.innerText;
            var result="";
            for(i=0;i<ntext.length;i++)
            {
               var temp= ntext.substr(i,1);
               if(temp == "f")
               {
                 temp = "<font size=3 color=red>" + temp + "</font>"
               }
               result = result + temp;
            }
            obj.innerHTML = result;
            //obj.color="blue";
          }
          function toBlack(obj)
          {
            obj.color = "black";
          }
        </script>
      </head>
      <body>
        <div>
          <font rows="5" cols="100" onmouseover="SelectText(this)" onmouseout="toBlack(this)">fdsgfsgdfdgsg</font>
        </div>
      </body>
    </html>