我正在尝试创建一个用户可以单击它的链接,然后 href
本身将被复制到剪贴板。由于我是 JS 的新手,所以我不能用我找到的信息来做,因为我看到了一些例子,人们会点击一个按钮来复制 url,或者它会复制地址栏的 URL。
这里是我的代码,+artworkUrl+
是动态填充的。
<a id="get-app-artwork" href="' + artworkUrl + '" target="_blank">Copy the cover URL</a>
如何在点击时将此 url 复制到剪贴板?我发现的每个选项都使用不同的方法。由于我是新手,我不知道如何应用到这种情况,我有一个链接并想在单击时复制它的 URL。
最佳答案
使用剪贴板 API,特别是 writeText
function .
<a href="' + artworkUrl + '" onclick="copyURI(event)">Copy cover URL</a>
function copyURI(evt) {
evt.preventDefault();
navigator.clipboard.writeText(evt.target.getAttribute('href')).then(() => {
/* clipboard successfully set */
}, () => {
/* clipboard write failed */
});
}
编辑 18/07/2020:缺少 )
以正确关闭 writeText(
函数。
关于javascript - 单击时如何将链接 href 本身复制到剪贴板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54699045/