JavaScript 获取/添加剪贴板内容

代码 HTML JavaScript

HTML代码如下：

<textarea id="Text" cols="30" rows="10">测试内容</textarea>
<br><input type="button" id="Copy" value="复制文本框内容到剪贴板">

JavaScript代码如下：

var btn = document.getElementById('Copy');
btn.addEventListener('click', function () {
    var Text = document.getElementById('Text');
    var currentFocus = document.activeElement;
    Text.focus();
    Text.setSelectionRange(0, Text.value.length);
    document.execCommand('copy', true);
    currentFocus.focus();
});

也可以使用无需框架的 clipboard.js 而且体积只有3kb

这两者的浏览器兼容情况：

本文由 Ainto 创作，采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: 2018-03-21 21:12