如何用mouse实现一个可拖拽的div

106 阅读1分钟

代码

注意的点:

  1. 要声明div的position为absolute

  2. 读取left和top的值的时候,若未渲染div有可能是NaN,所以需要提前声明为0

let left = parseInt(div.style.left||0)
let top = parseInt(div.style.top||0)
  1. style.top后面需要手动添加px
 div.style.left = left+positionX+'px'
 div.style.top =top+positionY + 'px'
  1. 声明dragging