拖拽元素JS实现方法

思路:

  • onmousedown :鼠标按下的时候,记录鼠标所在的位置pageX,pageY
    记录鼠标相对于盒子的位置距离
  • onmousemove :鼠标移动的时候,实时计算鼠标的位置 - 相对差量(鼠标对于盒子)来计算鼠标的位置
  • onmouseup:清空onmousemove 的方法

PS

event.pageX,event.pageY 相对于整个文档(包括被卷起来部分)左上角的距离



  
  
  拖拽
    
  
  
    

你可能感兴趣的:(拖拽元素JS实现方法)