jQuery zclip插件實(shí)現(xiàn)跨瀏覽器復(fù)制功能
jQuery-zclip是一個(gè)復(fù)制內(nèi)容到剪貼板的jQuery插件，使用它我們不用考慮不同瀏覽器和瀏覽器版本之間的兼容問題。jQuery-zclip插件需要Flash的支持，使用時(shí)記得安裝Adobe Flash Player。
1、jQuery-zclip用法
//引入jQuery-zclip相關(guān)js及swf文件
<script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/jquery.zclip.min.js"></script>
<script type="text/javascript">
$(function(){
$("#cp-btn").zclip({
path:'<%=path%>/resources/js/ZeroClipboard.swf', //記得把ZeroClipboard.swf引入到項(xiàng)目中
copy:function(){
return $('#inviteUrl').val();
}
});
});
</script>
<div class=form-row>
<div class=col-md-5>
<input class=form-control value="" id="inviteUrl"/>
</div>
<div class=col-md-1>
<a href="javascript:void(0)" id="cp-btn"
class="btn btn-default btn-block btn-clean">復(fù) 制</a>
</div>
</div>
配置說明
path:swf的路徑(復(fù)制主要是用flash解決不同瀏覽器的復(fù)制)
copy:待復(fù)制的內(nèi)容, 可以是靜態(tài)內(nèi)容, 也可以 return 動態(tài)內(nèi)容
beforeCopy:復(fù)制之前要做的function;
afterCopy:復(fù)制之后要做的function;
提供了3個(gè)方法
show:$(selected).zclip('show');//復(fù)制功能有效
hide:$(selected).zclip('hide');//復(fù)制功能無效
remove:$(selected).zclip('remove');//完全移除復(fù)制功能
2、演示效果
運(yùn)行成功后，點(diǎn)擊復(fù)制按鈕，會彈出一個(gè)提示框，表示復(fù)制到剪切板生效了，如下：
彈出框出現(xiàn)“Copied text to clipboard”英文字符，有點(diǎn)不符國人使用習(xí)慣，把它改為“成功復(fù)制到剪切板”，在jquery.zclip.min.js文件中找到“Copied text to clipboard”替換成“成功復(fù)制到剪切板”就可以了，效果如下：
以上就是小編整理的關(guān)于jQuery zclip插件實(shí)現(xiàn)跨瀏覽器復(fù)制功能的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助。
相關(guān)文章
jQuery.validate 常用方法及需要注意的問題，需要的朋友可以參考一下2013-03-03
jQuery遍歷DOM的父級元素、子級元素和同級元素的方法總結(jié)
借助jQuery我們可以輕松地堆DOM元素進(jìn)行向上、向下遍歷以及同級的遍歷,本文我們即來整理jQuery遍歷DOM的父級元素、子級元素和同級元素的方法總結(jié):2016-07-07
基于jquery的Repeater實(shí)現(xiàn)代碼
本文和大家詳解如何使用javascript來實(shí)現(xiàn)一個(gè)asp.net 的Repeater控件，叫jQuery.Repeater插件。一起來看下吧。2010-07-07
本實(shí)例只利用到JQuery類庫本身的函數(shù)和功能，不需要第三方插件的支持。另外，所有表單信息都是利用PHPMailer類庫郵件的形式發(fā)送給管理員。2009-11-11
基于jQuery實(shí)現(xiàn)的仿百度首頁滑動選項(xiàng)卡效果代碼
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)的仿百度首頁滑動選項(xiàng)卡效果代碼,涉及jQuery響應(yīng)鼠標(biāo)事件實(shí)現(xiàn)頁面元素動態(tài)變換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
jQuery實(shí)現(xiàn)鼠標(biāo)拖拽登錄框移動效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)鼠標(biāo)拖拽登錄框移動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
jquery support主要是檢測瀏覽器兼容性，支持力度的方法，用于展示不同瀏覽器各自特性和bug的屬性集合。作為一個(gè)靜態(tài)成員，提供給jquery內(nèi)部函數(shù)，告訴他們某些功能是否能用。避免了以往通過檢測瀏覽器版本做修改。下面我們通過源碼詳細(xì)解讀jQ中瀏覽器兼容模塊support。2016-08-08
jquery1.4 教程一 便利的設(shè)置函數(shù)
jquery1.4已經(jīng)發(fā)布了，1.4相對于1.32的改進(jìn)還是非常巨大的，可以說是全面性的，性能也全面超越了1.32。這一周，將一一展示jquery1.4的改進(jìn)，同時(shí)也會放出相應(yīng)的demo。2010-02-02
jQuery提供的Load的函數(shù)可能可以說是實(shí)現(xiàn)ajax功能的最輕巧的方法。2010-07-07
這篇文章主要介紹了jQuery中on()方法用法,實(shí)例分析了on()方法的功能、定義及在匹配元素上綁定一個(gè)或者多個(gè)事件處理函數(shù)的使用技巧,需要的朋友可以參考下2015-01-01