如何防止元素重叠的冒泡事件？
[英]how to prevent bubbling event for overlapping elements?
问题描述
我需要一个提示，一旦我将鼠标指针移到它上方，该如何立即停止#bubble闪烁，这两个元素就相互放置了，画布的onMouseMove显然会干扰它，因此我使用Chrome进行了测试。
<p id="bubble" onclick="noBubble();"></p>
<canvas id="kogal" width="450" height="630" onmousedown="onMouseDownkogal(this, event);" onmousemove="onMouseMoveKogal(this, event);" onmouseup="onMouseUpKogal();" onmouseout="onMouseOutKogal();">
仅当鼠标指针在#bubble上方时，才可以停止画布的onMouseMove吗？ 我尝试了preventDefault并以几种组合返回false都无济于事，谢谢您的提示。 ^ _ ^
1 个解决方案
解决方案1
0 2014-10-31 15:48:07
event.preventDefault()仅防止发生默认事件行为，例如在提交表单时重新加载页面。 您想要的是event.stopPropagation() ，它将防止事件冒泡到容器元素中。
如何使用 setInterval 防止 Angular 9 中的事件冒泡？
[英]How to prevent event bubbling in Angular 9 with setInterval?
如何防止Backbone应用程序中的自定义事件冒泡？
[英]How to prevent event bubbling for custom events in a Backbone application?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.