javascript – 单击时复制文本字符串

我花了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>

标签：javascript,clipboard,copy-paste
来源： https://codeday.me/bug/20190917/1809852.html