zoukankan      html  css  js  c++  java
  • js复制文本到剪贴板

    execCommand是document的一个方法,返回值是布尔值(true,false)
    1. true表示操作被支持,false表示操作不被支持
    2. 此方法只针对于input和textarea,对里面的内容进行操作(input不保存换行及空格,textarea保存换行及空格)
    3. 可以传三个参数,第一个是命令的名称,第二个表示是否展示用户界面,一般为 false,第三个是参数,比如传图片的时候url
    <script>
        copyfy() {
            var cinput = document.createElement('textarea');
              cinput.value = str;
              
              cinput.setAttribute('readOnly', 'true');
              //注意大小写,不写的话手机端会自动弹出输入框
              
              document.body.appendChild(cinput);
              cinput.select(); // 选择对象
              document.execCommand("Copy"); // 执行浏览器复制命令
              cinput.className = 'oInput';
              cinput.style.display = 'none';
              cinput.style.opacity = '0';
            alert('复制成功');
        }
    </script>
    
    常用命令
    copy
    拷贝当前选中内容到剪贴板。
    
    cut
    剪贴当前选中的文字并复制到剪贴板。
    
    delete
    删除选中部分.
    
    forwardDelete
    删除光标所在位置的字符。 和按下删除键一样。
    
  • 相关阅读:
    第二阶段冲刺第四天
    第二阶段冲刺第三天
    第二阶段冲刺第二天
    第二阶段冲刺第一天
    软件工程结对作业01(补充)
    软件工程概论个人总结
    梦断代码阅读笔记06
    梦断代码阅读笔记05
    构建之法阅读笔记04
    构建之法阅读笔记01
  • 原文地址:https://www.cnblogs.com/kerin/p/13523191.html
Copyright © 2011-2022 走看看