FireFox中不可点击的按钮[重复]答案

【问题标题】：Buttons Not Clickable in FireFox [duplicate]FireFox中不可点击的按钮[重复]
【发布时间】：2016-02-26 17:39:09
【问题描述】：

我最近注意到我工作的代理机构<button> 元素不可点击。

标记方式如下：

<button><a href="javascript:void(0)"Text</a></button>

它在所有其他浏览器中都可以正常工作，但有问题的 ol' FireFox 无法与它相处。

这是我们发现它的页面的链接，尝试在 FireFox 和 Chrome 中单击。看看它应该如何表现，但它不在 FF 中。

【问题讨论】：

【解决方案1】：

它不起作用，因为 <a></a> 不允许在 Button 内看到 the-button-element documentation，那么您不能依赖将链接作为 button 的子级。

您必须使用另一个元素来包含<a>。

如果你想做一些技巧，你可以这样做：

<a href="javascript:void(0)"><button>Text</button></a>

更多信息请查看answers

【讨论】：

如果问题是重复的，您应该投票关闭它，而不是回答它。
“重复”不使用 JavaScript...无论如何我不认为这是投反对票的理由 :)。
所以让我直截了当地说，你认为两个问题除了其中一个有一点 javascript 之外，具有完全相同的标记，不可能是重复的，即使两个问题的答案是一样的吗？这就是重复的字面意思。是的，投反对票是完全有道理的：你不应该回答重复的问题，尤其是当你知道它们是重复的时候。
此外，您的解决方案也是非法的：就像不允许在

【解决方案2】：

您不能将<a> 放在<button> 中。我建议您将代码更改为以下之一：

<button onclick="javascript:void(0)">Text</button>

或

<a href="javascript:void(0)">Text</a>

【讨论】：