Chrome拷貝插件的對比 zeroclipboard和clipboard插件


1、zeroclipboard插件

實現原理:Zero Clipboard 利用 Flash 進行復制,用了一個透明的 Flash ,讓其漂浮在按鈕之上,這樣其實點擊的不是按鈕而是 Flash ,也就可以使用 Flash 的復制功能了。

優點:功能強大,在Chrome實現跨瀏覽器粘貼。

缺點:借助flash拷貝數據到剪切板,flash逐漸沒落,firefox瀏覽器默認不開啟flash,所以Zero Clipboard在 兼容方面也表現不佳。

要求:Chrome49+

 

2、clipboard插件

優點:無需借助flash和framework框架、輕量級。

缺點:如果使用了textarea,text元素的話不能隱藏,否則拷貝失敗。

要求:Chrome42+,IE9+


使用方法:

1.引入clipboard.min.js文件

2.選擇一個可以確定被拷貝元素的選擇器,本例中使用用的是基本的標簽選擇器<div>,當然也可以使用id選擇器 class選擇器等等

3.定義一個button按鈕,注意按鈕的屬性:   data-clipboard-action="copy" data-clipboard-target="div"   其中data-clipboard-target屬性就是第二步你定義的選擇器

4.書寫js,建立clipboard對象以及復制后執行的方法

 

3、原生javascript中window.clipboardData

優點:直接拷貝內容到剪切板,無需借助插件

缺點:只支持IE;在firefox,chrome瀏覽器上則不起作用

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM