在 WinJS 中如何避免外部 div 事件处理程序影响内部 div 事件处理程序答案

【问题标题】：In WinJS how to avoid outer div event handler affects inner div event handler在 WinJS 中如何避免外部 div 事件处理程序影响内部 div 事件处理程序
【发布时间】：2023-03-09 12:25:01
【问题描述】：

我想在嵌套的 div 上设置不同的事件处理程序，并且事件都被触发通过右键单击。两个事件处理程序都会在同一区域绘制不同的按钮。

我的代码是这样的：

<div id="a">
    <div id="b data-win-control="WinJS.UI.ListView">
        ...
    </div>
</div>

我在“div a”和“listview”上添加了EventListener，问题是当我右键单击listView元素时，首先触发listView的事件处理程序，然后是a的事件处理程序，它将覆盖listView的效果。

listView右键点击时如何避免触发a的事件处理程序？

谢谢

【问题讨论】：

标签： event-handling winjs

【解决方案1】：

如果你想停止事件从父级到子级的传播，那么 event.stopPropagation() 是要走的路... 更多详情请参考https://developer.mozilla.org/en-US/docs/Web/API/event.stopPropagation

【讨论】：