jQuery的鼠标按下/鼠标松开防止点击

Question

我的页面是建立这样的：

<table> 
    <thead> 
     <tr> 
      <th> 
        Test 
        <div class="drag"/> 
      </th> 
      <th> 
       ...... 
       ...... 
      </th> 
     </tr> 
    </thead> 
</table> 

.drag { 
    position: absolute; 
    right: 0; 
    bottom: 0; 
    top: 0; 
    background-color: yellow; 
    width: 3px; 
} 

的目的是拖我colums上的<div class="drag"/>鼠标按下/鼠标松开事件的宽度和它的作品不错。但是我的<th>元素上也有一个点击事件。 问题是，当我释放鼠标仍在<th>上时，点击事件仍然是<th>触发器。几乎是在MouseDown事件

有

将返回false在鼠标按下解除绑定click事件，并在再次绑定它的每一个事件

• stopPropagation（）：

  我已经试过几件事情鼠标事件

有没有其他方法可以防止点击事件？

编辑： 我仍想保留的点击事件上<th>，但我不希望它开始后，我已经拖

Answer 1

$('th').click(function(e){ 
    e.preventDefault(); 
} 

Answer 2

您可以设置一个标志变量当拖拽启动（ondragstart），那么当它结束时（ondragend），您将取消它，并且onclick将被封装在if条件中，该条件将检查该标志。

像这样的东西（你需要将其调整到您的代码）：

var dragndrop = false; 

$(".drag").on("dragstart", function(e) { 
    dragndrop = true; 
    // ...code here if needed... 
}); 

$(".drag").on("dragend", function(e) { 
    dragndrop = false; 
    e.preventDefault(); 
    // ...code here if needed... 
}); 

$("th").on("click", function() { 
    if (!dragndrop) { 
     // ... your code here 
    } 
}); 

Answer 3

你试过

event.stopImmediatePropagation(); 

这将调用stopPropagation，也可防止在同其他处理程序元素接收事件。

http://api.jquery.com/event.stopimmediatepropagation/