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
这两者的浏览器兼容情况:
浏览器 | 电脑版本 | 手机版本 |
---|---|---|
Chrome | 43+ | 42+ |
Edge | Yes | Yes |
Firefox | 41+ | 41+ |
Internet Explorer | 9+ | X |
Opera | 29+ | ? |
Safari | 10+ | No |