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

时间:2018-05-04 11:01:07

标签: javascript html firefox button click

我有一个可扩展部分,它是一个按钮(这是一个我无法改变的框架)。在本节中,我有一个可点击的div。这适用于Chrome,IE,Safari,但不适用于Firefox。

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

https://jsfiddle.net/dLbkq6uy/1/

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

1 个答案:

答案 0 :(得分:2)

在Firefox中,button本身窃取鼠标事件和点击子元素等事件。这意味着无法单击按钮内的内容。它不被视为错误,因为它完全按照设计工作。

Source

请访问this

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