防止一個jQuery事件與另一個

Question

爲了整理我的jQuery，我期待爲事件處理程序的各種元素創建一個「確認」類，以便我可以啓動一個快速確認框，以便用戶可以確認其操作。

如果用戶在確認框上單擊取消，則應取消任何以下事件，但這應該是而不是是永久性的，例如，再次觸發事件應該調出確認並重新開始。如果我能解決這個問題，我可以讓任何敏感的操作有一個確認問題，以確保用戶點擊。

例如：

$('.confirm').click(function() { 
    if(!confirm('Are you sure?')) { 
     // Stop any other click events on $(this) from happening this instance. 
    } 
}); 

$('.clicker').click(function() { 
    alert('it happened'); 
}); 

<a class="clicker confirm">Click me</a> 

所需的輸出將是取消確認將取消click事件，但不完全禁用它。

Answer 1

您可以使用event.stopImmediatePropagation()從jQuery的：

$('.confirm').click(function(event) { 
    if(!confirm('Are you sure?')) { 
     event.stopImmediatePropagation(); 

     // Stop any other click events on $(this) from happening this instance. 
    } 
}); 

$('.clicker').click(function() { 
    alert('it happened'); 
}); 

看test case on jsFiddle

Answer 2

$('.confirm').click(function() {  
return confirm('Are you sure?'); 
}); 

你也可以使用在側event.stopPropagation()點擊事件停止furthure傳播。