在HTML按钮标记中包含锚标记

Question

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

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

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

我尝试将CS​​S的z-index属性添加到我的CSS中（z-index：1），以使其可以独立单击，从而使其覆盖在button标记的顶部，但并不高兴！

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

我怎样才能解决这个问题？ 任何帮助将不胜感激，谢谢。

Answer 1

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

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

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