我正在使用 zeroclipboard api 复制到剪贴板。我用 HTML anchor 制作了一个简单的测试页面,如下所示:
<a href="#" id="copy" >copy</a>
通过单击复制链接,文本被复制到剪贴板,所有 js 事件都被触发并被正确记录到控制台中,但是当我将上面的示例更改为在 anchor 内有一个图像以获得更好的用户体验时:
<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
。
关于javascript - 为什么 onclick 事件没有在我的带有图像的 anchor 上触发?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7712884/