javascript 复制文本

2016-10-19 19:05:00
hainuo
原创 2387
摘要:使用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'; }});```## 到此结束
评论列表
一醉 2016-11-17 10:46:01 回复
如果h5要用的话 让native同学封装一个方法在bridge里吧 ~
hainuo 2016-11-21 17:07:41 回复
说的不错,但是很多时候应该不好做毕竟这里的复制仍然是基于浏览器方案来处理。如果是hybirdapp的话 可以考虑你的方法
1/1
发表评论
零 乘 贰 =
评论通过审核后显示。