我花了20分钟在网上搜索这个,但找不到它.我想要的是能够在没有按钮的情况下复制文本字符串.文本字符串将位于“span”类中.
>用户将鼠标悬停在文本字符串上
>用户单击文本字符串
>文本字符串被复制到剪贴板
任何帮助将不胜感激.谢谢!
解决方法:
您可以将复制事件附加到< span>在事件处理程序中使用document.execCommand(“copy”),使用event.clipboardData的.setData()方法将event.clipboardData设置为span .textContent.
const span = document.querySelector("span");
span.onclick = function() {
document.execCommand("copy");
}
span.addEventListener("copy", function(event) {
event.preventDefault();
if (event.clipboardData) {
event.clipboardData.setData("text/plain", span.textContent);
console.log(event.clipboardData.getData("text"))
}
});
<span>text</span>