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

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

例一:

例二:
點(diǎn)擊復(fù)制效果預(yù)覽:
3.) 供應(yīng)定制的回調(diào)函數(shù) 。

3.) 默認(rèn)參數(shù) 。
擴(kuò)展介紹:
1.) 測(cè)試兼容IE6,IE7 , IE8,F(xiàn)F 3.6 , Chrome瀏覽器8,Safari 5的,歌劇11
2.) 適當(dāng)?shù)腃SS特效:

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