function copyText(value) {
var textarea = document.createElement('textarea');
textarea.value = value;
document.body.appendChild(textarea);
textarea.select();
document.execCommand("Copy");
textarea.style.display = 'none'; // 不显示
alert('已经复制到剪贴板!');
console.log("Copy successfully.");
}
在各种兼容问题比较复杂的情况下,上面的代码创建了一个不可见的 textarea
用来复制内容,此方法可以兼容多种浏览器与系统,即粗暴又方便。
document.execCommand("Copy")
函数针对于 input
和 textarea
这两种标签,先 select()
选中,然后就可以 Copy
其中的内容。
如果需要被复制的内容中没有换行,那么使用 input
代替 textarea
其实也可以。而推荐使用 textarea
的原因就是因为 textarea
会保留换行。