javascript - 如何防止单击 anchor 元素内的图像时出现链接行为？

Question

我有一个类似这样的代码:

<a href='link.html'>goto link page <img src='images/edit.gif' alt='Dont Go, just edit' onclick='doEdit()'></a>

现在，如果您单击文本，我希望 href 链接正常工作，但如果您单击图像，它应该做其他事情，根本不会转到链接。

还有一个限制，我不能编辑链接或其文本，我唯一可以完全控制的是 img 标签及其调用的 onclick 函数。所以我必须阻止链接从该 img 标签内继续。

我们将不胜感激。

Answer 1

只是preventDefault当目标 是<img> 时，在点击事件 上

yourAnchor.addEventListener('click', function (e) {
    if (e.target.tagName === 'IMG')
        e.preventDefault();
});