天天看點

jQuery插件:跨浏覽器複制jQuery-zcliponcopy 事件

jQuery-zclip是一個複制内容到剪貼闆的jQuery插件,使用它我們不用考慮不同浏覽器和浏覽器版本之間的相容問題。

jQuery-zclip插件需要Flash的支援,使用時記得安裝Adobe Flash Player。

<a href="http://files.cnblogs.com/linjiqin/ZeroClipboard.swf" target="_blank">ZeroClipboard.swf下載下傳位址</a>

開源位址:https://github.com/patricklodder/jquery-zclip

2、jQuery-zclip用法

配置說明

path:swf的路徑(複制主要是用flash解決不同浏覽器的複制)

copy:待複制的内容, 可以是靜态内容, 也可以 return 動态内容

beforeCopy:複制之前要做的function;

afterCopy:複制之後要做的function;

提供了3個方法

show:$(selected).zclip('show');//複制功能有效

hide:$(selected).zclip('hide');//複制功能無效

remove:$(selected).zclip('remove');//完全移除複制功能

3、示範效果

運作成功後,點選複制按鈕,會彈出一個提示框,表示複制到剪切闆生效了,如下:

jQuery插件:跨浏覽器複制jQuery-zcliponcopy 事件

彈出框出現“Copied text to clipboard”英文字元,有點不符國人使用習慣,把它改為“成功複制到剪切闆”,在jquery.zclip.min.js檔案中找到“Copied text to clipboard”替換成“成功複制到剪切闆”就可以了,效果如下:

jQuery插件:跨浏覽器複制jQuery-zcliponcopy 事件

使用afterCopy事件,将不會出現彈出框,可以自定義彈出框

插件位址:http://plugins.jquery.com/zeroclipboard/

Zero Clipboard的官方位址:http://zeroclipboard.org/

開源位址:https://github.com/zeroclipboard/jquery.zeroclipboard

http://www.365mini.com/page/zeroclipboard-2_x-quick-start.htm

提醒:沒有實踐過

基本上沒有直接這樣使用,記錄下方法

它需要ActiveXObject的支援

http://www.runoob.com/jsref/event-oncopy.html

繼續閱讀