为什么onclick事件没有在我的锚上触发，里面有一个图像

Why is the onclick event not firering on my anchor with an image inside it?

本文关键字：图像 有一个 事件 onclick 我的 为什么      更新时间：2023-09-26

我正在使用zeroclipboard api复制到剪贴板，我用HTML锚做了一个简单的测试页面，如下所示:

<a href="#" id="copy" >copy</a>

通过点击复制链接，文本被复制到剪贴板，所有js事件都被触发，并被正确地记录到控制台，但是当我改变上面的例子，在锚中有一个图像，以获得更好的用户体验:

<a href="#" id="copy" ><img src="copy.gif" alt="copy"/></a>

…

使用CSS将图像设置为a元素的背景图像。

#copy {
    background-image: url('copy.jpg')
    display: block
    width: XXXpx
    height: YYYpx
}

如果你想让a元素表现得更像span，你可以使用display: inline-block

相关文章：