失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > Zclip-jquery插件支持全浏览器复制

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

时间:2019-02-19 06:10:23

相关推荐

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

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

2./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>

如果觉得《Zclip-jquery插件支持全浏览器复制》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。