简单几行代码实现JS复制文字到剪切板的功能,兼容IE浏览器
发表于:2021-10-29 15:19:02浏览:2366次
目前很多项目使用复制功能都是用知名 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('复制成功'); }
推荐文章
- windows11系统,小乌龟TortoiseGit、TortoiseSvn的红黄绿图标不见了的解决方案
- 微信推出输入法,打个字竟然需要508MB内存?说好的小而美呐?
- Thinkphp6集成JWT API接口引入token
- 82个常规的前端JavaScript方法封装(21~30)
- MySQL各类数据类型的最大长度与范围限制
- 使用HTML Purifier在thinkphp6中过滤富文本&防止XSS攻击
- ThinkPHP发布安全更新版本(V6.1.0/V6.0.14),移除对think-filesystem库的依赖
- 免费杀毒软件是火绒好还是360好?
- ThinkPHP6使用.env配置数据库配置文件database.php的使用
- 勾股系列系统:项目任务协作管理系统 —— 勾股 DEV 3.8.31 发布