“a”标签内的可点击按钮[关闭]答案

【问题标题】：Clickable Button inside 'a' Tag [closed]“a”标签内的可点击按钮[关闭]
【发布时间】：2018-05-26 23:59:13
【问题描述】：

当我点击标签<button>时，标签<a>直接点击了。如何解决？或任何其他方式？

【问题讨论】：

【解决方案1】：

标签<button> 是标签<a> 的子标签，这就是为什么当您点击<button> 时会点击标签<a>。创建标签<button>作为标签<a>的兄弟，并在css的帮助下将其定位在图像上。

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

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

【讨论】：

【解决方案2】：

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

原因是，您的按钮带有链接标签。这使按钮成为链接。因此，单击按钮将触发封闭链接上的单击事件。

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

希望这会有所帮助！

【讨论】：