js拖拽功能的实现
简单总结:
三个相关事件:mouseup、mousemove、mousedown
标识鼠标坐标:clientX、clientY
标识元素初始坐标:offsetX、offsetY
元素被拖拽位置:
鼠标移动时坐标-鼠标初始坐标+元素初始坐标
<p>拖拽的原理是使用鼠标的移动来移动被拖拽的元素,其需要三个事件并且这三个事件的顺序不能变:
o n mou se down:鼠标按下
onmousemove:鼠标移动
onmouseup:鼠标抬起
原理就是鼠标移动后的坐标减去鼠标按下坐标作为元素得left和top的变化
这道题你会答吗?花几分钟告诉大家答案吧!
扫描二维码,关注牛客网
下载牛客APP,随时随地刷题