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

Question

我有一个锚标签包裹着无线电输入。当我点击它们时，单选按钮被选中，但锚标签没有做任何事情。

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

我尝试将一个 onclick 处理程序添加到锚标记以查看它是否被单击并且它是否按预期工作：

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

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

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

Answer 1

无效html5。根据 the spec，a 元素的内容模型声明它不能有交互内容的后代。 A non-hidden input 是互动内容。

Anchor Tag's On Click Event is Firing, but Default is not