JQuery:单击<;h1>;在div中也会触发父级中的click()<;部门>;

JQuery:单击<;h1>;在div中也会触发父级中的click()<;部门>;,jquery,onclick,click,Jquery,Onclick,Click,我在a中有一个。因此,当我点击时,我也会触发上的点击功能。我正在使用jqueryclick()函数 有人能帮助我如何避免调用父函数click()函数吗 提前感谢。 <body> <div id="myDiv"> <h1 id="myHeader">This is my Header</h1> </div> <script type="text/javascript"> $(document).ready(() =&g

我在a
中有一个
。因此,当我点击
时,我也会触发
上的点击功能。我正在使用
jquery
click()
函数

有人能帮助我如何避免调用父函数
click()
函数吗

提前感谢。


<body>
<div id="myDiv">
    <h1 id="myHeader">This is my Header</h1>
</div>
<script type="text/javascript">
$(document).ready(() => {
    $('#myDiv').click(() => {
        console.log('Div Clicked');
    })
    $('#myHeader').click((event) => {
        console.log('Header Clicked');
        event.stopPropagation();
    })
});
</script>
</body>
这是我的头球 $(文档).ready(()=>{ $('#myDiv')。单击(()=>{ log('Div Clicked'); }) $('#myHeader')。单击((事件)=>{ log('Header Clicked'); event.stopPropagation(); }) });
现在,如果单击h1,停止事件传播将阻止单击事件传播到父div元素

在控制台中,您应该只看到单击的标题。

addevent.stopPropagation();在h1 click处理程序内部或测试div click处理程序中的event.target元素