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/