如何防止重叠元素的冒泡事件?

时间:2014-10-31 15:02:23

标签: javascript

我需要一个线索,一旦我将鼠标指针移到它上面就停止#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 个答案:

答案 0 :(得分:0)

event.preventDefault()只是防止发生默认事件行为,例如提交表单时重新加载页面。你想要的是event.stopPropagation(),这将阻止事件冒泡到容器元素。

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Examples#Example_5:_Event_Propagation