Jquery跨瀏覽器文本復制插件Zero Clipboard的使用方法
當開發者需要對某局部文本進行點擊復制效果時,在IE下實現比較簡單 。但要想做到跨瀏覽器比較困難了 。Zero Clipboard 它利用 Flash 進行復制 , 所以只要瀏覽器裝有 Flash 就可以運行,而且比IE的document.execCommand(“Copy”) 更加靈活 。
Zero Clipboard 的實現原理
Zero Clipboard 利用 Flash 進行復制,之前有 Clipboard Copy 解決方案 , 其利用的是一個隱藏的 Flash 。但最新的 Flash Player 10 只允許在 Flash 上進行操作才能啟動剪貼板 。所以 Zero Clipboard 對此進行了改進,用了一個透明的 Flash,讓其漂浮在按鈕之上 , 這樣其實點擊的不是按鈕而是 Flash ,也就可以使用 Flash 的復制功能了 。
Zero Clipboard 特點介紹:
兼容支持Flash 10
避免使用第三方瀏覽器插件(的Adobe Flash瀏覽器中的安全沖突)
無形的覆蓋,無干擾 , 頁面設計
支持CSS“懸停”和“活躍”狀態
保留目標元素的“點擊”,”mouseenter”和”mouseleave”的事件
供應回調函數“復制前”和“復制”
極輕的重量! (7KB精縮)
首先下載 Zero Clipboard , 并解壓縮 。其中需要兩個文件:ZeroClipboard.js 和 ZeroClipboard.swf ,將這兩個文件放入到你的項目中 。
用法:
1.) 首先引入核心文件

2.) 在頁面代碼里寫入功能模塊,定義copy復制按鈕元素屬性信息

例一:

例二:
點擊復制效果預覽:
3.) 供應定制的回調函數 。

3.) 默認參數 。
擴展介紹:
1.) 測試兼容IE6,IE7 , IE8,FF 3.6 , Chrome瀏覽器8,Safari 5的,歌劇11
2.) 適當的CSS特效:

【Jquery跨瀏覽器文本復制插件Zero Clipboard的使用方法】
相關經驗推薦
- Win10系統下IE11瀏覽器提示沒有安裝Flash Player的原因分析及解決教程
- Win10 Edge以及IE11等主流瀏覽器停止支持RC4加密算法
- win8.1瀏覽器中切換輸入法提示"網站想要使用你計算機上的程序打開Wed"的解決方法
- win10系統使用IE瀏覽器打開12306.cn提示安全證書錯誤的故障原因及解決方法
- win7系統怎么設置打開或關閉360瀏覽器手勢功能?
- IE瀏覽器不能輸入文字同時鼠標滑輪也不能用的解決辦法
- js調用瀏覽器打印模塊實現點擊按鈕觸發自定義函數
- 瀏覽器播放視頻黑屏提示Could not load plugins 怎么辦?
- 百度瀏覽器怎么從視頻中截取GIF動畫?
- qq瀏覽器設置兼容模式解決不能看視頻的技巧
