javascript 复制文本

2016-10-19 19:05:00
hainuo
原创 1191
摘要:使用javascript复制文本
#如何使用javascript来进行复制文本 ##正常情况下手机端copy文本方法 1. 为达到目的我们第一步首先要长按选择文本 2. 松开 3. 选择安卓或者ios自动提示的copy按钮 4. 操作完成 ##使用html5内置的copy命令操作 1. 使用js选择器选择文本 1. 假设文本所在html标签的id为`text` ``` ``` 2. 使用 `javascript`进行选定该html标签 ``` document.getElementById('text').select(); ``` `html`的`dom`选择操作是`select` 2. 执行命令脚本 ``` document.execCommand('copy'); ``` 3. 这样就可以在自己想要黏贴的地方进行黏贴了。 > 需要我们注意的两点 > 1. `html`标签必须是`input`,其他标签好像没有`select`方法。 > 1. `copy`命令因为安全的原因,只有少数的平台支持。所以我们需要在使用前进行检查。经测试谷歌浏览器支持这个;手机iOS浏览器不支持。 ## 使用clipboardjs类库进行全平台兼容复制操作 既然哪个命令并不是被所有平台支持,那该怎么办,万能的网友给我们提供了这个clipboardjs类库,非常好用。 至于用法,大家可以参见[官方站点](https://clipboardjs.com/) 这里需要说明的是两个高级用法: 1. target方法 ``` new Clipboard('.btn',{ target:()=>{ return document.querySelect('#text'); } }); ``` 2. text方法 ``` new Clipboard('.btn',{ text:()=>{ return '123245'; } }); ``` ## 到此结束