js实现可拖拽的div

可拖动DIV层的实现方法

http://blog.csdn.net/twoByte/article/details/73269653



http://www.cnblogs.com/zhuzhenwei918/p/6569295.html

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

复制代码

"en">

    "UTF-8">
    zzw_drap
    


    
"box">
"bar">可拖拽头部
"content">这里是内容
复制代码

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

2017年8月31日更新:

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


你可能感兴趣的:(js,javascript)