Warning: count(): Parameter must be an array or an object that implements Countable in /www/wwwroot/ainto.org/usr/plugins/TpCache/driver/typecho_mysql.class.php on line 93
JavaScript 获取/添加剪贴板内容 - Ainto

JavaScript 获取/添加剪贴板内容

发表在 开发 共有 0 条评论

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
评论已关闭