实现用鼠标选择div的指定行

如果div里面的内容是<br>实现不了
当然也可以使用其他元素如<span>之类的

解决方案 »

  1.   


    <script>
    window.onload=function(){
        var div=document.getElementById("select");
        var items=div.getElementsByTagName("p");
        for(var i=0,j=items.length;i<j;i++){
            items[i].onclick=function(){
                document.getElementById("show").value=this.innerHTML;
            }
        }
    }
    </script>
    <div id="select" >
    <p>1111111111</p>
    <p>2222222222</p>
    <p>3333333333</p>
    </div>
    <input type="text" id="show" />
      

  2.   

    在2楼的基础上改进
    <html>
    <head>
    </head>
    <body>
    <script>
    document.onmousemove=hanlder;
    function hanlder(e)
    {
      e=e||event;
      var tag=e.target||e.srcElement;
      if(tag.tagName=="P")
        document.getElementById("show").value=tag.innerHTML;
      else
        document.getElementById("show").value="";
    }
    </script>
    <div id="select" >
    <p>1111111111</p>
    <p>2222222222</p>
    <p>3333333333</p>
    </div>
    <input type="text" id="show" /></body>
    </html>