js实现可拖拽的div

实现一个div可以被拖拽,代码如下所示:


"en">

    "UTF-8">
    zzw_drap
    


    
"box">
"bar">可拖拽头部
"content">这里是内容

其中我们可以直接使用封装好的函数,它接受两个参数,第一个是可以点击拖拽的元素,第二个是父元素。  注意:父元素的postion设置为 absolute才可以使用。

 

 

 

 

2017年8月31日更新:

这里的mousemove的监听对象修改为了document,否则,如果我们拖拽速度太快,会出现bug,即可能鼠标脱离了wrap,然后这时就会出现问题,而如果修改为了document,问题几乎得到了解决。

 

你可能感兴趣的:(js实现可拖拽的div)