【JavaScript编程知识】原生JS实现拖拽功能.docxVIP

PAGE PAGE 1 原生JS实现拖拽功能 　　本文实例为大家分享了JS实现拖拽功能的具体代码，供大家参考，具体内容如下 　　拖拽的原理：三个事件 onmousedown、onmousemove、onmousemove 　　1、鼠标按下，触发onmousedown，获取鼠标坐标x,y，获取元素坐标x,y 　　通过event.clientX、event.clientY获取鼠标位置的坐标 　　let x = e.clientX - box.offsetLeft; //鼠标点击坐标距离盒子左边缘的距离 　　let y = e.clientY - box.offsetTop; //