本篇主要介紹了Html5剪切板功能的實作程式碼，內容挺不錯的，現在分享給大家，也給大家做個參考。
最近使用Vue開發Line(日韓的一款類似中國微信平台)的內嵌H5.裡面的有一個需求就是將當前鏈結粘貼，然後發送到pc端，在電腦上進行打開。所有蒐集找到了一下幾種情況：
1.不帶input輸入框的原生js方法
這種情況適用於複製非輸入框中的文字到剪切板
被复制的内容
#2.帶輸入框的原生js方法
用於複製input，textarea中的文字
這種方法也可以被延深，作為和方法1一樣的用途。動態建立一個input輸入框，將其內容置為想複製的內容，最後在移除或隱藏即可。
3.js複製內容到剪貼簿外掛（clipboard.js）
clipboard.js官網
clipboard.js CDN位址
引用方式：
NPMnpm install --save clipboardCDN
#裡面還有很多高級用法,可以前往官網邏輯更多細節Clipboard官網
4 . Vue框架提供的剪切板外掛程式 vue-clipboard2
import Vue from 'vue' import VueClipboard from 'vue-clipboard2' VueClipboard.config.autoSetContainer = true // add this line Vue.use(VueClipboard)
Sample1
# #Sample2
以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！
相關推薦：
以上是Html5剪切板功能的實現的詳細內容。更多資訊請關注PHP中文網其他相關文章！
