我有一个类似这样的代码:
<a href='link.html'>goto link page <img src='images/edit.gif' alt='Dont Go, just edit' onclick='doEdit()'></a>
现在,如果您单击文本,我希望 href 链接正常工作,但如果您单击图像,它应该做其他事情,根本不会转到链接。
还有一个限制,我不能编辑链接或其文本,我唯一可以完全控制的是 img 标签及其调用的 onclick 函数。所以我必须阻止链接从该 img 标签内继续。
我们将不胜感激。
最佳答案
只是preventDefault
当目标 是<img>
时,在点击事件 上
yourAnchor.addEventListener('click', function (e) {
if (e.target.tagName === 'IMG')
e.preventDefault();
});
关于javascript - 如何防止单击 anchor 元素内的图像时出现链接行为?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23111375/