html5使用draggable出现的问题

<div draggable="true"><input type="text" value="测试" /></div>
使用jquery对div进行dragstart事件绑定
$('div').bind('dragstart', function (e) {});
以上元素中，在对文本框内的文字进行选中的时候也会触发到div的dragstart事件，请问如何解决或者过滤此种情况下的触发？

解决方案 »

  1.   

    $('div>input').bind('dragstart',function(){  return ;
    })
      

  2.   

    试验过了，还是无效。进行选中文本框中的文字的操作时，外层DIV会被拖动一小段距离，但是之后鼠标没放开情况下也不能继续往前拖了
      

  3.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
    <title>无标题文档</title>
    <style>
    *html #left{ margin-right:-3px; //这句是关键} 
    #draggable{
    positon:relative;
    margin:1em;
    }
    </style>
    <script language="javascript">
    $(function(){ 
    $("#draggable").draggable()//默认情况拖动
    })
    </script>
    </head>
    <body>
    <div class="demo">
      <div id="draggable">
      拉这里：
     <input type="text" value="text" />
      </div>
    </div></body>
    </html>
      

  4.   


    #left指的是什么？
    还有draggable是html5的方法吗