从jQuery的可拖动STOP停止事件传播的onclick

Posted 2021-04-27

我有一个可拖动DIV，与jQueryUI的拖动库做出dragable。我对DIV的onclick处理程序，但是当我拖动的div它就会自动触发单击处理程序，这是我不想要的。点击前牵引止挡发生，所以我尝试这样做：

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

但onclick事件仍是起火。任何想法的javascript大师？

答案

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

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