如何使用JavaScript实现拖拽效果

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

专注于为中小企业提供成都网站建设、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业北屯免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

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

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

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