使用插件clipboard.js來實(shí)現(xiàn)這個交互妄帘,戳我去官網(wǎng)?~該js是不依賴flash將文本復(fù)制到剪切版的插件,兼容性良好池凄,整個js才2kb抡驼。多次實(shí)踐,值得推薦~
PS:遇到實(shí)在復(fù)制不了的機(jī)型或app肿仑,不用太鉆牛角尖~建議提示復(fù)制失敗的同時致盟,追加讓用戶手動復(fù)制的引導(dǎo)交互~
實(shí)現(xiàn)步驟:
1、下載js尤慰,頁面引入clipboard.min.js
2馏锡、需要點(diǎn)擊復(fù)制的dom添加data-clipboard-text屬性,屬性值為要拷貝的內(nèi)容
? 如:<button class="copyBtn" data-clipboard-text="">點(diǎn)擊復(fù)制</button>
3伟端、添加復(fù)制js事件
具體的使用方法官網(wǎng)都有~可以學(xué)習(xí)~有問題可留言交流~mua~
完...