javascript - Firefox addeventlistner('mouseover',...) on不行

Question

以下 javascriptalert在<button>元素上成功触发 Chrome 但不是 Firefox；使用 Firefox，alert不会触发：

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

当我将elementhtml 替换为 时<span>，该事件会按预期触发alertFirefox 中的预期。

违规的html：

不工作的html

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

工作html

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

在 Firefox 中，事件不会从孩子的按钮冒泡吗？

如果是这样，是否有解决方法 - 除了替换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);