鼠标拖拽思路

116 阅读1分钟

1.点击div 开启mousemove事件在mousemove事件进行改动div的top

let y=event.layerY
el.style.top = (event.pageY-y-event.currentTarget.parentElement.offsetTop) + 'px'
event.pageY 鼠标距离页面原点的坐标
event.layerY 鼠标距点击的元素的原点的坐标


event.currentTarget.parentElement.offsetTop

event.currentTarget
获取点击的元素

event.currentTarget.parentElement
获取点击的元素的父级元素

event.currentTarget.parentElement.offsetTop
获取点击的元素的父级元素的top值