javascript - Firefox addeventlistener ('mouseover' ,...) 在 上不起作用

Question

以下javascript成功触发alert在 <button>适用于 Chrome 但不适用于 Firefox 的元素；使用 Firefox，alert未触发:

element.addEventListener('mouseover', function(){ alert('mouseover') }, false);

当我替换 element 时html 到 <span> , 事件触发了预期的 alert在 Firefox 中，正如预期的那样。

违规的 html:

不工作 html

<button id="button-upload"><span>upload</span></button>

工作 html

<span id="button-upload"><span>upload</span></span>

在 firefox 中，事件不会冒泡到 child 的按钮吗？

如果是这样，是否有解决方法 - 除了替换 button与 span由于 CSS。

Answer 1

你可以这样做吗？

html:

<div><button id="button-upload"><span>upload</span></button></div>

JavaScript:

document.getElementById('button-upload').parentNode.addEventListener('mouseover', function(){ alert('mouseover') }, false);