當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

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

發布時間：2024/4/17 HTML 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 Zclip-jquery插件支持全浏览器复制小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

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 />  <a href="javascript:void(0);" class="fuzhi fz2" id="copy" >復 制</a> </body> </html>

轉載于:https://www.cnblogs.com/ItcastZc/p/4073032.html

總結

以上是生活随笔為你收集整理的Zclip-jquery插件支持全浏览器复制的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： android 学习记录--------
下一篇： JavaScript 对象与数组参考大全