我需要一个线索,一旦我将鼠标指针移到它上面就停止#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无济于事,谢谢你的任何提示。 ^ _ ^
答案 0 :(得分:0)
event.preventDefault()
只是防止发生默认事件行为,例如提交表单时重新加载页面。你想要的是event.stopPropagation()
,这将阻止事件冒泡到容器元素。