javascript 複製文本

2016-10-19 19:05:00
hainuo
原創 2272
摘要:使用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
發錶評論
肆 減 柒 =
評論通過審核後顯示。