jquery復制到剪切板 jquery 剪切板

如何使用jquery一鍵復制到剪切板

可以通過jquery的一個復制插件zclip來實現，因為它的兼容性非常好。

烏翠ssl適用于網站、小程序/APP、API接口等需要進行數據傳輸應用場景，ssl證書未來市場廣闊！成為創新互聯的ssl證書銷售渠道，可以享受市場價格4-6折優惠！如果有意向歡迎電話聯系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

出于安全問題，無法使用原生的 JS 或 jQuery 來操作粘貼板。除非使用瀏覽器擴展（需設置權限），或者使用Flash。某些瀏覽器允許在文本框內使用 document.execCommand(copy) 與 document.execCommand(paste) 來操作剪貼板。

實現點擊按鈕，復制文本框中的的內容。復制專題地址和 url 地址，傳給 QQ/MSN 上的好友。直接復制 url。點擊文本框時，復制文本框里面的內容。復制文本框或者隱藏域中的內容。

document.execCommand（）此方法就是實現剪貼板的關鍵，它可以傳入 cut ， copy ， paste 三種參數。從最常用的 document.execCommand（copy）開始介紹。

利用一個不可見input，將要復制的文本寫入value，再執行setSelectionRange選中，然后執行document.execCommand(copy)將value寫入系統剪切板。

復制是一個使用頻率特別高的操作，在網頁中，一般可以選中要復制的內容，使用快捷鍵ctrl+c 將內容復制到剪貼板。

再將這個內容放入粘貼板，形成最終的粘貼內容。`document.createRange`得到是還沒有放內容的片段，我們我們還會用到`Range.setStart()`設置Range的起點和`Range.setEnd()`設置Range的終點。

最靠譜的就是調用手機自帶的長按復制功能，js去控制的話，瀏覽器兼容性不好。微信當然也會攔截的。

該插件并不依賴jquery。直接引入即可使用。使用方法：這里的.btn是元素的class屬性，可以使用任意id或者class以及元素節點名稱來實例化插件。默認會為元素綁定click事件，點擊的時候會觸發。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容