检查元素是否已更改其位置

Question

所以，这是我的代码：

<div onmousedown="draggable(this);"></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;
  }
}