首页 > 技术文章 > js复制文本到剪贴板

kerin 2020-08-18 14:12 原文

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
删除光标所在位置的字符。 和按下删除键一样。

推荐阅读