Zclip-jquery插件支持全浏览器复制

最新推荐文章于 2016-07-23 13:55:55 发布

agulun3975

最新推荐文章于 2016-07-23 13:55:55 发布

阅读量89

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ItcastZc/p/4073032.html

版权

1.Zclip-jquery插件需要浏览器支持flash10及以上，现在的浏览器基本都支持

2.http://www.steamdev.com/zclip/下载相关组件：

query.zclip.min.js

ZeroClipboard.swf

去网上找个jquery框架：jquery.min.js

代码实现：

<html>
<meta charset="UTF-8"> 
<style>
a:active, a:hover { outline:0 }
a { text-decoration:none; outline:0 }
.clr { clear:both; height:0; }
a.react { display:block; color:inherit; height:100%; text-decoration:none; }
a.react:active, a.react.react-active { background:rgba(0, 0, 0, .1) }
.fuzhi { width:60px; height:30px; line-height:30px; background:#fa870b; cursor:pointer; color:#fff; display:block; text-align:center; font-size:.75em; outline:0; float:left; }
.fz2 { margin:0 auto; -webkit-border-radius:2px;-moz-border-radius:2px; border-radius:2px; }
</style>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.zclip.min.js"></script>
<script type="text/javascript">
    $(function(){
       $('#copy').zclip({ 
            path: 'ZeroClipboard.swf' ,
            //copy: $('#qh').text(), //复制div,<span>,<p>等标签的内容
            copy: function(){ 
               return $('#qh').val() //复制input,textarea等内容
            },
            afterCopy: function(){
             $('#copy').html('复制成功')//复制成功，可以省略
            } 
           });
    });    
</script>
<body>
<textarea style="width:250;height:200" id="qh">zClip is a lightweight jQuery "copy to clipboard" plugin built using the popular Zero Clipboard library. This plugin uses an invisible Adobe Flash movie that is fully compatible with Flash Player 10 and below.</textarea><br />
<!--</span id ="qh">zClip is a lightweight jQuery "copy to clipboard" plugin built using the popular Zero Clipboard library. This plugin uses an invisible Adobe Flash movie that is fully compatible with Flash Player 10 and below. </span><br />-->
<a href="javascript:void(0);" class="fuzhi fz2" id="copy" >复&nbsp;制</a>
</body>
</html>

转载于:https://www.cnblogs.com/ItcastZc/p/4073032.html

agulun3975

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Zclip-jquery插件支持全浏览器复制

1.Zclip-jquery插件需要浏览器支持flash10及以上，现在的浏览器基本都支持2.http://www.steamdev.com/zclip/下载相关组件：query.zclip.min.jsZeroClipboard.swf去网上找个jquery框架：jquery.min.js代码实现：<html><meta charset...
复制链接

扫一扫