javascript - 容器上的 jquery 单击事件而不是内容

Question

我有一个可点击的 h3(它会触发一个下拉菜单)。它还包含一个用于打开/关闭值的输入复选框，但我不希望它触发下拉列表。

知道如何做到这一点吗？

这是我的标记

<div id="" class="dropDownTitle">
    <h3 class="h3"> Some text here <input id=""  type="checkbox" /></h3>
</div>

我再次希望 h3 触发下拉菜单，但不希望其中包含的输入。

很高兴用纯 javascript 而不是 jquery 来完成这件事，触发器只是触发函数 dropDownMenu();

干杯

安迪

Answer 1

您可以捕获复选框和 stop the propagation 上的点击事件那里:

$(".dropDownTitle input").click(function(e) {
    e.stopPropagation();
});

这将防止事件冒泡到父 h3 并触发绑定(bind)到它的任何点击事件处理程序。