Question

如何禁用位于包含我的id的主div内的另一个div上的javascript onclick按钮事件。这是代码：

 <div id="clickme">

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

 </div>

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

如何禁用clickme功能？

Answer 1

您可以使用.off()

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

http://api.jquery.com/off/ - 在没有args的情况下调用.off()会删除指定选择器的所有事件处理程序。

Answer 2

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

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

结果是，如果您点击<div id="disabled_clickme">，它将不会返回任何代码。但是，如果您单击<div id="clickme">代码仍然有效。

Answer 3

在JavaScript中，click事件在子节点中触发，然后传播到其父节点。这称为event bubbling。

您可以使用stopPropagation点击的事件对象中的#disabled_clickme方法阻止其访问#clickme。

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