简单几行代码实现JS复制文字到剪切板的功能,兼容IE浏览器
发表于:2021-10-29 15:19:02浏览:3575次
目前很多项目使用复制功能都是用知名 clipboard.js 开源项目做的,功能很完善,不仅有复制的实现,还有剪切等。不过代码量蛮多的,如果项目对代码体积不那么在意,自己也不想关心具体的实现细节,可以使用这个著名的剪切板项目 clipboard.js:
https://github.com/zenorocha/clipboard.js/
如果不想要那么庞大的体积代码,可以考虑下面的方法,几行代码就可以搞定,而且还兼容IE浏览器哦。
//拷贝
function copyToClip:(content) {
if (navigator.clipboard) {
// clipboard api 复制
navigator.clipboard.writeText(content);
} else {
var copy_textarea = document.createElement('textarea');
// 隐藏此输入框
copy_textarea.style.position = 'fixed';
copy_textarea.style.clip = 'rect(0 0 0 0)';
copy_textarea.style.top = '20px';
copy_textarea.value = content;
document.body.appendChild(copy_textarea);
// 选中
copy_textarea.select();
// 复制
document.execCommand('copy', true);
// 移除输入框
document.body.removeChild(copy_textarea);
}
alert('复制成功');
}推荐文章
- 开源OA办公系统 — 勾股OA 5.6.8 新春版发布,企业办公的卓越选择
- Markdown编辑器Editor.md,实现粘贴图片上传,拖拽文件上传
- ThinkPHP5/6 查询并进行数据计算的快捷方法
- 微软推出电脑管家,干净无广告无弹窗,是时候卸载360安全卫士和腾讯电脑管了
- PHP8.5将于2025年11月20日正式发布,还在用PHP 5.6的老版本用户该何去何从?
- 国产PHP框架,ThinkPHP 8.1版本发布,新版功能盘点
- ERP、进销存、仓储管理系统到底有什么不同?
- CSS @media print控制浏览器web打印样式
- 82个常规的前端JavaScript方法封装(21~30)
- 移动端开发,硬件设备检测的前端方法

