javascript - 为什么 onclick 事件没有在我的带有图像的 anchor 上触发？

Question

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

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

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

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

...代码不再有效，也没有触发任何事件。

Answer 1

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

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

如果您希望 a 元素的行为更像一个 span，您可以使用 display: inline-block。