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

成都创新互联公司是一家朝气蓬勃的网站建设公司。公司专注于为企业提供信息化建设解决方案。从事网站开发，网站制作，网站设计，网站模板，微信公众号开发，软件开发，微信小程序开发，10多年建站对三轮搅拌车等多个方面，拥有丰富建站经验。

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

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

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