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

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

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

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

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

例二:
點擊復制效果預覽:
3.) 供應定制的回調函數 。
Jquery跨瀏覽器文本復制插件Zero Clipboard的使用方法

3.) 默認參數 。
擴展介紹:
1.) 測試兼容IE6,IE7 , IE8,FF 3.6 , Chrome瀏覽器8,Safari 5的,歌劇11
2.) 適當的CSS特效:
Jquery跨瀏覽器文本復制插件Zero Clipboard的使用方法

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

相關經驗推薦