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

您可以捕获复选框上的click事件并停止传播:

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

这将阻止事件冒泡到父级h3并触发绑定到该父级的任何单击事件处理程序.