JavaScript 获取/添加剪贴板内容

2018-03-21 21:06:00

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

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

浏览器电脑版本手机版本
Chrome43+42+
EdgeYesYes
Firefox41+41+
Internet Explorer9+X
Opera29+?
Safari10+No
当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »