<button>上的Firefox addeventlistener（'mouseover'，...）无法正常工作</button>

Question

以下javascript在Chrome的alert元素上成功触发了<button>，但未触发Firefox;使用Firefox，alert未触发：

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

当我将element html替换为<span>时，该事件会按预期在Firefox中触发预期的alert。

攻击html：

不能正常工作

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

正在使用html

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

在Firefox中，事件不会冒泡到儿童的按钮吗？

如果是这样，是否有解决方法 - 除了因为css而将button替换为span。

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);