JQ插件zclip复制到剪切板的实现


后端

零度逍遥

2015-06-13 01:52:12

复制到剪切板的功能,在我们分享网址,邀请朋友的时候会用到,而针对IE浏览器我们有很好的办法,但随着用chrome浏览器的人越来越多,我们就需要写出兼容各大浏览器的代码,现在为大家介绍一个jquery的插件zclip,专门用来处理复制功能的,用法很简单。

html:

<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.zclip.min.js" type="text/javascript" charset="utf-8"></script> <input type="text" value="www.baidu.com" id="link"> <span id="copyBtn">复制链接</span> 
js:

$('#copyBtn').zclip({ 
        path: "js/ZeroClipboard.swf", 
        copy: function(){ 
            return $('#link').val();      
    } 
}); 
完整的实例可以点击下载:复制到剪切板实例