Question

我在<h1>中有一个<div>。因此，当我单击<h1>时，我也会在<div>上触发点击功能。我正在使用jquery click()函数。

有人可以帮助我如何避免调用父click()函数。

谢谢。

Answer 1

<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>

现在，如果单击h1，则停止事件传播将阻止click事件传播到父div元素。

在控制台中，您应该只会看到标题被单击。

jQuery：单击div中的<h1>也会触发父<div>

1 个答案: