javascript - 停止从 jquery Draggable stop 到 onclick 的事件传播

Question

我有一个可拖动的 div ，使用 jqueryUI 可拖动库使其可拖动。我在 div 上有一个 onclick 处理程序，但是当我拖动 div 时，它会触发单击处理程序，这是我不想要的。拖动停止发生在单击之前，所以我尝试了以下操作:

$("#div").draggable({
    stop: function(e) {
        e.originalEvent.stopPropagation();
    }
});

但是 onclick 事件仍然会触发。 JavaScript 专家有什么想法吗？

Answer 1

您可以使用链接并直接在单击方法上处理它。处于拖动状态时，the draggable gets a new class: ui-draggable-dragging .

$("#div")
    .draggable()
    .click(function(){
      if ( $(this).is('.ui-draggable-dragging') ) {
            return;
      }
      // click action here
    });