如何使用JavaScript实现拖拽效果-创新互联

这篇文章主要介绍如何使用JavaScript实现拖拽效果，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

拖拽在前端开发中是很常见的功能，也是基本功之一，本文是不限制范围的拖拽也就是最简单的拖拽，鼠标按下对象，拖拽，松开停止！
1，onmousedown事件
2，onmousemove事件
3，onmouseup事件

因为在按下时拖动，所以onmousemove事件在down后才注册，up事件是用来解绑事件，消除事件！

  
  
  
    * {
      margin: 0;
      padding: 0;
    }
    #div1 {
      width: 100px;
      height: 100px;
      background: orange;
      position: absolute;
    }