在按钮中跨度，在ff中不可点击

在按钮中跨度，在ff中不可点击

请参考规范，最引人注目的是禁止的内容（在SGML定义;援助读取，看这里）：

a

S，

form

s和形式的“控制”（
，

input

，

select

等），和

fieldset

秒。

尽管您断言

span

s（和

div

s等）是

button

元素的合法内容是正确的，但非法元素与具有除布局/样式之外的其他任何内容的按钮内容有关。

我在规范中没有看到任何东西会妨碍您尝试做的事情，但是我确实看到很多令人沮丧的想法，并且如果各种浏览器也因不支持它而“劝阻”它，这将不足为奇。

就是说：如果您想获得跨浏览器的支持，请找到另一种方式来做您想要的事情。我不了解您实际上要做什么，因此我认为不可能提出替代方案。我知道您想对单击按钮和图标做出不同的反应-
但这是对您不希望发生的事情的（不错的）演示，而不是您要解决的实际问题的说明。

一种方法可能是不使用按钮，而使用另一个

span

或按钮

div

：

<p id="console"></p><div >Click <span ></span></div><script>  $('.icon').click(function () {    $('#console').html('Icon has been clicked');    return false;  });  $('.button_replace').click(function () {    $('#console').html('Button has been clicked');  });</script>