zoukankan      html  css  js  c++  java
  • 前端 剪贴板添加内容

    如何通过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

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

  • 相关阅读:
    centos6.5升级gcc 4.4.7为最新版4.9.1
    vmware打开虚拟级断电情况下,无法找到虚拟机文件
    centos /usr/local 和/opt 安装软件你什么不同../configure --prefix=/usr...
    centos安装git
    P1207 双重回文数
    P1214 等差数列
    P1215 母亲的牛奶
    P1217 回文质数
    P3650 滑雪课程设计
    NOIP 2015[D2 T1] 跳石头
  • 原文地址:https://www.cnblogs.com/kybs0/p/13235649.html
Copyright © 2011-2022 走看看