如何防止点击事件传播

Posted 2023-04-19

【中文标题】如何防止点击事件传播

【英文标题】：How to prevent click event propagation

【发布时间】：2020-09-09 08:40:39

【问题描述】：

当在容器内使用材质按钮并单击材质按钮时，它会触发材质按钮事件处理程序，但随后会传播到容器。阻止事件传播到材料按钮之外的推荐方法是什么？

【参考方案1】：

event.stopPropagation() 将停止它的传播。

event.preventDefault() 停止事件的任何原生操作。

https://api.dart.dev/stable/2.8.3/dart-html/Event-class.html

【讨论】：

谢谢特德。虽然这是停止传播事件的方法，但应用起来并不容易，尤其是复合材料组件。如果组件本身有一个“preventPropagation”属性会更好。

对不起，我不同意。我们有很多代码使用它，但从来没有出现过这种需求，或者发现它只会污染 API。

K.那么防止材质菜单项冒泡点击事件的推荐方法是什么？

@TedtSander 很想知道如何防止材质菜单项从材质菜单项按钮冒泡事件。