HTML按钮标记中包含锚标记

Question

我在HTML的按钮标签说明中有一个锚标签，如下所示：

<button type="submit" onClick="handleSubmit()">Desc.... 
   <a href="https://......." target="_blank">Click here for more details</a>
</button>

现在，当我单击锚文本时，将执行操作“ handleSubmit（）”，而不是转到我的https：//链接。因此，显然，我的文本也被视为按钮而不是超链接。

我尝试将z-index属性添加到我的CSS（z-index：1）中，以使其可以独立单击，从而使其覆盖在button标记的顶部，但是没有乐趣！

但是，如果我右键单击文本，则会看到在新选项卡中打开https链接的选项，并且效果非常好。仅当我正常单击它时（左键单击），按钮单击处理程序才会执行，就好像其按钮被单击而不是锚标记一样。

我该如何解决？任何帮助将不胜感激，谢谢。

Answer 1

我不太了解您是否打算在任何情况下在 onClick 中使用该功能。 您可以交换元素的包装，使按钮位于链接内；您也可以像这样在onClick内移动链接：

onClick="window.location.href='link'"

这可能是几个解决方案，您需要弄清楚希望从代码中获得的确切行为。