欧美日韩国产一区二区|qovd片|小明个人发布看看|小浪货你夹真紧水又多|老头把我添高潮了A片故|99热久久精品国产一区二区|久久久春色AV

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.) 首先引入核心文件

Jquery跨瀏覽器文本復(fù)制插件Zero Clipboard的使用方法

2.) 在頁(yè)面代碼里寫入功能模塊,定義copy復(fù)制按鈕元素屬性信息
Jquery跨瀏覽器文本復(fù)制插件Zero Clipboard的使用方法

例一:
Jquery跨瀏覽器文本復(fù)制插件Zero Clipboard的使用方法

例二:
點(diǎn)擊復(fù)制效果預(yù)覽:
3.) 供應(yīng)定制的回調(diào)函數(shù) 。
Jquery跨瀏覽器文本復(fù)制插件Zero Clipboard的使用方法

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的使用方法

【Jquery跨瀏覽器文本復(fù)制插件Zero Clipboard的使用方法】

相關(guān)經(jīng)驗(yàn)推薦