按住鼠标不松无法实现div拖动的问题解决

首先实现按住鼠标不松实现div拖动:

  如下代码：

    <div style="position:absolute; width:70px;height:70px;left:30px;top:50px; id="oDiv" οnmοusedοwn="Milan_StartMove(event)"  οnmοuseup="Milan_StopMove(event)">
          <img src="dtree/img/shexiangtou.gif"></img>
           </div>

一开始总是出现按住鼠标不松无法实现div拖动,是因为鼠标单击事件的问题，后来从简单的div入手，发现，原来div里的文字如果选择的话，就会出现无法拖动，同样道理是图片，因此，把图片拿出来，当作div的背景图片，解决了问题。笔者还加了div背景图片的自适应性cover，挺好用，哈哈哈

   <div style="position:absolute; width:70px;height:70px;left:30px;top:50px;background-image:url(dtree/img/shexiangtou.gif);background-size:cover" id="oDiv" οnmοusedοwn="Milan_StartMove(event)"  οnmοuseup="Milan_StopMove(event)">
           </div>