div的单击双击与 选中问题

本帖最后由 big_student 于 2011-01-26 10:58:37 编辑

解决方案 »

  1.   

    双击比较简单吧。<div id="mydiv" onDblClick="alert(this.innerHTML);">abc</div>
      

  2.   


    确实简单
    有2个问题 
    1.单击不会覆盖双击，我看到的做法都是延时
    2.div选中问题
      

  3.   


    <html>
    <script>
    function   copyText(obj)   {var   rng   =   document.body.createTextRange();rng.moveToElementText(obj);rng.select();}
    </script>
    <body>
    怎么样按"选中"按钮选中div中的所有文字？
    <input  type= "button"   onclick= "javascript:copyText(document.all.div1);"   value= "选中" /> <br>
    <div id= "div1"> 选中这里的所有文字！ </span>
    </body>
    </html> 
    单击选中的例子，FF下好像不行。
      

  4.   

    就是一个onclick的事件，一个onDblClick的事件，不要去想那么多了。。
      

  5.   

    document.all不支持火狐
    createTextRange火狐也不支持
      

  6.   

    function selects(obj){

    }

    function dowarn(obj){
    window.getSelection?window.getSelection().removeAllRanges() : document.selection.empty();
    alert(obj.innerHTML);
    }<div onclick="selects(this)" ondblclick="dowarn(this)">abc</div>
    我不知道你说的选中，是选择效果，还是获取范围效果~你自己补上即可
      

  7.   

    onclick和ondblclick应该就搞定了啊.
    具体onclick还是dbl 就看系统设置的dbl 的延时判断了
      

  8.   

    <div id="mydiv" onclick="var sel=document.body.createTextRange();sel.moveToElementText(this);sel.select();" ondblclick="alert(this.innerText);">theforever</div>
      

  9.   

    在IDE的测试窗口ondblclick可能会没反应，必须存为页面在浏览器里打开，或用IDE的“在浏览器里打开”。
      

  10.   

    测试时没怎么弄明白，在单击中alert的话会阻止双击！ 结贴了 ！谢谢各位