首页 > 其他 > 详细

前端 剪贴板添加内容

时间:2020-07-04 17:18:09      阅读:49      评论:0      收藏:0      [点我收藏+]

如何通过js往剪贴板中,添加一段文本

1     var oInput = document.createElement(‘input‘);
2     oInput.setAttribute(‘value‘, this.downloadUrl);
3     document.body.appendChild(oInput);
4     //选择对象
5     oInput.select();
6     // 执行浏览器复制命令
7     document.execCommand("Copy"); 
8     document.body.removeChild(oInput);

某些安卓机型执行copy时,屏幕下方会出现白屏抖动,修复如下:

1   oInput.setAttribute(‘readonly‘, ‘readonly‘);

在ios某些机型如iphone6并没有选中全部内容,修复如下:

1     oInput.setSelectionRange(0, oInput.value.length);

完整代码(复制即可用):

技术分享图片
 1     var oInput = document.createElement(‘input‘);
 2     //修复某些安卓机型执行copy时,屏幕下方会出现白屏抖动的问题
 3     oInput.setAttribute(‘readonly‘, ‘readonly‘);
 4     oInput.setAttribute(‘value‘, this.downloadUrl);
 5     document.body.appendChild(oInput);
 6     //选择对象
 7     oInput.select();
 8     //修复无法复制的问题,在ios某些机型如iphone6并没有选中全部内容
 9     oInput.setSelectionRange(0, oInput.value.length);
10     // 执行浏览器复制命令
11     document.execCommand("Copy"); 
12     document.body.removeChild(oInput);
View Code

 

注:以上是我遇到的俩个异常。不能保证是否还有其它机型/浏览器问题,如有请帮忙完善~

前端 剪贴板添加内容

原文:https://www.cnblogs.com/kybs0/p/13235649.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!