JQuery:单击<;h1>;在div中也会触发父级中的click()<;部门>;
我在aJQuery:单击<;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
中有一个
。因此,当我点击
时,我也会触发
上的点击功能。我正在使用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元素