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

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

任何想法如何做到这一点？

这是我的标记

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

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

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

干杯

安迪

最佳答案

您可以在复选框和 stop the propagation 上捕获单击事件:

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

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

关于javascript - 容器上的 jquery 单击事件而不是内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7902208/