按钮内的可点击 div 在 Firefox 上不起作用答案

【问题标题】：Clickable div inside a button doesn't work on firefox按钮内的可点击 div 在 Firefox 上不起作用
【发布时间】：2018-10-14 20:26:29
【问题描述】：

我有一个可扩展部分，它是一个按钮（这是来自我无法更改的框架）。在这个部分中，我得到了一个可点击的 div。这适用于 Chrome、IE、Safari，但不适用于 Firefox。

<button onclick="alert('expand');" class="button">
   <div onclick="alert('Edit');" class="edit">Edit</div><br/>
</button>

我无法在 Firefox 上触发此按钮内的 DIV 的单击事件。

【问题讨论】：

【解决方案1】：

在 Firefox 中，button 本身会窃取诸如鼠标事件和子元素单击之类的事件。这意味着按钮内的东西不能被点击。它不被视为错误，因为它完全按照设计工作。

也请访问this

基于上述链接，Firefox 的解决方案是将button 更改为其他元素，如div，并相应地管理功能和设计。

【讨论】：