请简单说明 JavaScript 实现拖曳的

10 查阅

请简单说明 JavaScript 实现拖曳的原理。

参考答案:

解析: (1)拖曳的基本原理 :当 mousedown 时,记下鼠标单击位置离拖曳容器左 边沿的距离和上边沿的距离,即 tmpX/tmpY ;当 mousemove 时,通过定位拖曳 容器的 style.left/style.top,使拖曳容器进行移动,定位到哪里则由刚刚的 tmpX/tmpY 和当前鼠标所在的位置计算得出;当 mouseup 时,结束移动。 (2)“var dragObj = this;”这句是为了在 mousedown/mouseup/mousemove

原理