javascript - Firefox 上 <button> 元素内的 <span> 缺少点击事件

Question

当我对按钮元素内的 span 元素的单击事件绑定(bind)操作时，我遇到了 Firefox 32 的问题。其他浏览器似乎运行良好。

这里 code illustrating the issue on jsFiddle .

<span onClick="alert('test');">**Working**</span><br>
<button>inside a button <span onClick="alert('test');">**Not working**</span></button>

有谁知道为什么以及它是错误还是功能？

Answer 1

您必须添加 pointer-events 的属性(property)跨度 元素。

button span {
  pointer-events: none;
}