如何禁用另一个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

您可以使用.off()

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

http://api.jquery.com/off/-不带参数调用.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中，单击事件在子节点中触发，然后传播到其父节点。 这称为事件冒泡 。

您可以在#disabled_clickme点击事件对象中使用stopPropagation方法，以防止其到达#clickme 。

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

实时示例： http ： //jsfiddle.net/PUTTQ/