jQuery實現(xiàn)復(fù)制到粘貼板功能
更新時間：2017年02月11日 08:42:06 作者：乖乖臉很大
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)復(fù)制到粘貼板功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
項目中突然需要使用復(fù)制功能，在網(wǎng)上搜索了下看到了ZeroClipboard插件，好用，但是也有局限。用法如下：
1、引用jquery、zclip.js、swf文件。
demo地址：https://github.com/chaoli920029342/jquery_copy
2、初始化
<body>
<input type="text" name="text" id="text" value="http://www.baidu.com" />
<a href="javascript:void(0)" rel="external nofollow" id="dynamic">復(fù)制</a>
<script type="text/javascript">
$(document).ready(function(){
$("#dynamic").zclip({
path:'ZeroClipboard.swf',
copy:$('#text').val(),
beforeCopy:function(){
//some code
},
afterCopy:function(){
alert($("#text").val());
}
});
//beforeCopy afterCopy 是可選項
});
</script>
</body>
注：
1、需在服務(wù)器上運行 localhost
2、js+swf實現(xiàn)，文件需要同時引入。 ZeroClipboard提供一個透明的flash，用于和剪切版交互，當(dāng)點擊頁面上的“復(fù)制”按鈕時，將需要的內(nèi)容傳入Flash，再通過Flash的復(fù)制功能把傳入的內(nèi)容復(fù)制到剪貼板。 需保證該flash被正確加載即可。
3、可兼容各大瀏覽器
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
jQuery UI工具提示框部件Tooltip Widget
這篇文章介紹了jQuery UI工具提示框部件Tooltip Widget，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
jquery中map函數(shù)遍歷數(shù)組用法實例
這篇文章主要介紹了jquery中map函數(shù)遍歷數(shù)組用法,實例分析了jQuery中map函數(shù)遍歷數(shù)組的相關(guān)技巧,并提供了一個自定義遍歷數(shù)組函數(shù)供參考之用,需要的朋友可以參考下2015-05-05
利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息
本篇文章主要介紹了利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息。這里所說的彈出消息指的是在網(wǎng)頁右下角升起又下去的那種框框,在這里用到了jQuery的自定義動畫2014-01-01
jQuery獲取父元素節(jié)點、子元素節(jié)點及兄弟元素節(jié)點的方法
這篇文章主要介紹了jQuery獲取父元素節(jié)點、子元素節(jié)點及兄弟元素節(jié)點的方法,結(jié)合實例形式總結(jié)分析了jQuery節(jié)點操作的相關(guān)技巧,需要的朋友可以參考下2016-04-04
jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable示例代碼打包
jQuery LigerUI 插件介紹及使用之ligerDrag和ligerResizable使用。2011-04-04
這篇文章主要介紹了Treegrid的動態(tài)加載實例代碼的相關(guān)資料,需要的朋友可以參考下2016-04-04
JQuery Easyui Tree的oncheck事件實現(xiàn)代碼
最近項目中有用到Easyui Tree，我想要checkbox的選中事件，但是api只提供了一個onClick事件，我百度、google之后，額，還是看js吧2010-05-05
這篇文章主要介紹了jQuery實現(xiàn)的網(wǎng)頁換膚效果,結(jié)合完整實例形式分析了jQuery通過修改link標(biāo)簽的href屬性值實現(xiàn)換膚效果的相關(guān)技巧,需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細(xì)介紹了避免jQuery名字沖突，noConflict()方法，感興趣的朋友可以參考一下2016-07-07
基于jquery實現(xiàn)的銀行卡號每隔4位自動插入空格的實現(xiàn)代碼
這篇文章主要介紹了基于jquery實現(xiàn)的銀行卡號每隔4位自動插入空格的實現(xiàn)代碼,需要的朋友可以參考下2016-11-11