javascript 复制文本 - javascript - 海诺者 - 海诺博客公告板

正常情况下手机端copy文本方法

1. 为达到目的我们第一步首先要长按选择文本
2. 松开
3. 选择安卓或者ios自动提示的copy按钮
4. 操作完成

使用html5内置的copy命令操作

1. 使用js选择器选择文本
   1. 假设文本所在html标签的id为text
      使用 javascript进行选定该html标签

      document.getElementById('text').select();

      html的dom选择操作是select
2. 执行命令脚本

   document.execCommand('copy');

3. 这样就可以在自己想要黏贴的地方进行黏贴了。

需要我们注意的两点

1. html标签必须是input，其他标签好像没有select方法。
2. copy命令因为安全的原因，只有少数的平台支持。所以我们需要在使用前进行检查。经测试谷歌浏览器支持这个；手机iOS浏览器不支持。

使用clipboardjs类库进行全平台兼容复制操作

既然哪个命令并不是被所有平台支持，那该怎么办，万能的网友给我们提供了这个clipboardjs类库，非常好用。
至于用法，大家可以参见官方站点 这里需要说明的是两个高级用法：

1. target方法

   new Clipboard('.btn',{
    target:()=>{
        return document.querySelect('#text');
    }
   });

2. text方法

   new Clipboard('.btn',{
    text:()=>{
        return '123245';
    }
   });

   到此结束