如何禁用另一個div上的javascript onclick按鈕？

Question

如何禁用位於包含我的ID的主div內的另一個div上的javascript onclick按鈕事件。以下是代碼：

<div id="clickme"> 

<div id="disabled_clickme">hello</div> 

</div> 

$('#clickme').click(function() { 
//SOME CODE 
} 

如何禁用我的clickme功能？

Answer 1

在JavaScript中，點擊事件在子節點中觸發，然後傳播給父母。這叫做event bubbling。

您可以使用stopPropagation方法中的事件對象#disabled_clickme點擊以防止其到達#clickme。

$('#disabled_clickme').click(function(e) { 
    e.stopPropagation(); 
}); 

活生生的例子：http://jsfiddle.net/PUTTQ/

Answer 2

您可以使用.off()

$("#clickme").off(); 

http://api.jquery.com/off/ - 調用.off()與無參數移除指定選擇所有事件處理程序。

Answer 3

$('#clickme').click(function() { 
    // SOME CODES 
}); 

// disables click event 
$('#disabled_clickme').click(function(){return false;}); 

這樣做的結果是，如果你點擊它<div id="disabled_clickme">不會返回任何代碼。但是如果您點擊<div id="clickme">，那麼這些代碼仍然有效。