JavaScript实现拖拽功能
收到热心粉丝的来信：
小弟也是觉得代码贴出来很丑，但是微信公众号也没有代码格式的排版，所以索性就使用图片来贴代码了。
感谢这位粉丝。
下面开始正文：
步骤:
1、元素开启绝对定位：position:absolute;
2、为元素box1绑定鼠标按下事件函数。
3、在2里面为document绑定鼠标移动事件函数。
4、在2里面为document绑定鼠标释放事件函数，在其中让3为null，最后并让自己为null。
要让鼠标按压位置不变，需用鼠标当前位置坐标减去div的偏移坐标。如下图。
var leftGap = event.clientX - box1.offsetLeft;
var topGap = event.clientY - box1.offsetTop;
代码测试
效果