javascript - 如何防止 DOM 子级继承 addEventListener？

Question

我需要一个自定义上下文菜单，所以我使用addEventListener它，但我希望将它放在 div1 上，而不是放在 div2 上，我如何在不添加相同侦听器的情况下做到这一点stopPropagation()

<html>
<head>
</head>
<body>
<div id="div1" style="background-color:green;border:3px solid black;width:300px;height:300px;margin:auto;">
<div id="div2" style="background-color:yellow;border:3px solid black;width:100px;height:100px;margin:auto;margin-top:-50px;">
some text
</div>
</div>
<script>
document.getElementById('div1').addEventListener('contextmenu', function(e)
    {
    console.log('contextmenu');
    });
</script>
</body>
</html>

score 3 · Accepted Answer

3

只需检查处理程序中的事件目标，如果目标是<div2>.

于 2013-07-16T16:36:14.470 回答

score 0 · Accepted Answer

false作为 addEventListener 的第三个参数添加

document.getElementById('div1').addEventListener('contextmenu', function(e)
{
    console.log('contextmenu');
}, false);

或者 if(e.currentTarget.getAttribute("id") != "div1") e.preventDefault();

javascript - 如何防止 DOM 子级继承 addEventListener？

2 回答 2

Related

Reference