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瀏覽器上則不起作用
