javascript - 检查元素是否改变了位置

Question

所以，这是我的代码：

<div onmousedown="draggable(this);"></div>

如果 div 的位置发生了变化，那么检测用户何时单击 div 的最佳方法是什么？

Answer 1

当用户开始拖动元素时，将触发dragStart事件。

Answer 2

这可以很容易地使用变量来跟踪 div 的最后位置。

var x = divVar.pageX
  , y = divVar.pageY;

//then during your mouseup
function checkPositionOnMouseup(div){
  if(div.pageX !== x || div.pageY !== y){
    console.log("MOVED!");
    x = div.pageX;    //update variables to new position
    y = div.pageY;
  }
}