Javascript 拖拽雏形(逐行分析代码，让你轻松了拖拽的原理)

我们来看下图， 拖拽拖拽实际上来说就是通过鼠标的位置来计算物体的位置，就是这么简单，就是这么任性。那这个斜线就是横线和竖线组成的。那样式中肯定要有绝对定位是吧。我们来看看 mousemove： Javascript中没有人规定一定是要鼠标按下才出发是吧，不管你鼠标按不按下去，这个mousemove一直在发生,所以问题就来自于这里。所以呢，这个mousemove不应该一上来就添加，而是等到鼠标按下去之后再添加mousemove，来看看修改后的代码。顺便加上mouseup，这时他的作用就体现出来了 。作用就是oDiv.onmousemove = null; 去掉move事件,否则当你鼠标抬起来的时候 ，物体还是会跟着你走的。但是无论如何，我们已经具备一个拖拽的雏形。