原生js实现自由拖拽弹窗代码demo

本文为大家分享了原生弹窗拖拽代码demo，供大家参考，具体内容如下

效果图：

实现代码：

  
  
  
  


  

    
拖拽区域
    
X
  

主要注意几点：

1.event，IE兼容问题

2.点击鼠标时要先判断鼠标与面板之间的距离

3.要判断弹窗与浏览器整个区域的距离，不能让弹窗跑出浏览器外的区域

4.松开鼠标要解除事件绑定，不然会有bug

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持全福编程网。