利用JavaScript实现拷贝内容到剪贴板(copy,clipboard)
by 毛三胖 on 2018年01月18日
阅:470赞:11

copy函数

function copyTextToClipboard(text) {
    var textArea = document.createElement("textarea");
    textArea.value = text;
    document.body.appendChild(textArea);
    textArea.select();
    try {
        var successful = document.execCommand('copy');
    } catch (err) {
        console.log('糟糕,不支持copy!');
    }
    document.body.removeChild(textArea);
}

演示

利用JavaScript的document.execCommand('copy')实现复制内容到剪贴板。

兼容性

本文简要介绍利用JavaScript的document.execCommand('copy')实现复制内容到剪贴板。 具体的document.execCommand('copy')的浏览器兼容性如下:

  • IE10 +
  • Google Chrome 43+
  • Mozilla Firefox 41+
  • Opera 29+

虽然将对document.execCommand('copy')的调用包装在try/catch块中,用户点击操作调用copy命令从而到最大的兼容性,但是在使用上面仍有一些限制,具体如下:

  • 任何对document.execCommand,document.queryCommandSupported或document.queryCommandEnabled的调用都应该封装在try / catch块中。
  • 不同的浏览器实现和浏览器版本在调用时会抛出不同类型的异常,而不是返回false。
  • 不同的浏览器实现仍在不断变化,剪贴板API仍在草稿中,所以在使用时一定要做测试。

w3c剪贴板API

W3C:Clipboard API and events

原文链接

stackoverflow:How do I copy to the clipboard in JavaScript?

$ 热门标签
$ 贴士
简单是稳定的前提。 -Edsger Dijkstra
$ 声明
本站所有代码及文字都是作者精心汇编整理而成,转载代码及文字请明确注明出处和作者名称。