javascript - anchor 标记的点击事件正在触发，但默认没有

Question

我有一个围绕 radio 输入的 anchor 标记。当我点击它们时，单选按钮被选中，但 anchor 标签没有做任何事情。

<a href="https://stackoverflow.com">
  <input type="radio" />
</a>

我尝试向 anchor 标记添加一个 onclick 处理程序，以查看它是否被单击并且是否按预期工作:

<a onclick="console.log('anchor clicked');" href="https://stackoverflow.com">
  <input type="radio" />
</a>

这也告诉我 anchor 标签被点击了两次，所以我将 event.stopPropagation 添加到输入标签:

<a onclick="console.log('anchor clicked');" href="https://stackoverflow.com">
  <input onclick="event.stopPropagation();" type="radio" />
</a>

Answer 1

它是无效的 html5。每the spec ，a 元素的内容模型声明它不能有交互内容 a 后代。非隐藏的输入是交互式内容。