JS拖拽组件学习使用

JS代码需要常写,不然容易生疏,最近虽然一直在看JS的原型,行为委托等知识点,但是动手写代码的量略有减少。本文与大家分享一个拖拽组件,供大家参考,具体内容如下 首先,看一下拖拽的原理。 被拖拽元素位置的变化,left值的变化其实就是鼠标位置水平方向的变化值,e.clientX – 鼠标左键按下时e.clientX。 top值的变化其实就是鼠标位置竖直方向的变化值,e.clientY – 鼠标左键按下时e.clientY。 另外就是设置拖拽的范围,上下左右不得超过父元素所在的区域。 function Drag (config){ this.moveTarget = d