'a'标签内的可点击按钮

Question

当我点击标记<button>时，标记<a>会直接点击。怎么解决？或任何其他方式？

Answer 1

我认为这是不可能的。但是，您可以尝试删除<a>代码或将pointer-events: none添加到<a>代码中。

原因是，您附上了带有链接标记的按钮。这使按钮成为一个链接。因此，单击该按钮将在封闭链接上触发单击事件。

这可以通过JavaScript中的event.target和event.currentTarget进行处理。

希望这有帮助！

Answer 2

标记<button>是标记<a>的子标记，这是单击<a>时标记<button>的原因。创建标记<button>作为标记<a>的兄弟，并在css的帮助下将其放在图像上。

<a href="#">
   <image src="">
</a>
<button>View<button>

同时使用更高的<button> z-index使其超过标记<a>。