jquery 跨浏览器的剪切板

本是古典何须时尚 2021-06-24 13:59 327阅读 0赞

jquery.zclip.js是一个居于jQuery的剪贴板插件，可以将指定内容复制到系统剪贴板中，兼容IE 6, IE 7, IE 8, FF 3.6, Chrome 8, Safari 5, Opera 11。项目地址：http://www.steamdev.com/zclip/  
  
　　**jquery.zclip.js配置API**

<table style="color:rgb(0,0,0); font-family:Simsun; font-size:14px; line-height:20px"> 
 <thead> 
  <tr> 
   <th colspan="3" style="height:19px"> <h4>设置</h4> </th> 
  </tr> 
  <tr> 
   <th> <p style="margin-top:0px; margin-bottom:0px; list-style:none; padding-top:0px; padding-bottom:0px"> 配置项目</p> </th> 
   <th> <p style="margin-top:0px; margin-bottom:0px; list-style:none; padding-top:0px; padding-bottom:0px"> 默认值</p> </th> 
   <th> <p style="margin-top:0px; margin-bottom:0px; list-style:none; padding-top:0px; padding-bottom:0px"> 可用值和说明</p> </th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><strong>path<span style="color:rgb(255,0,0)">&nbsp;*</span></strong></td> 
   <td>"ZeroClipboard.swf"</td> 
   <td>"ZeroClipboard.swf"flash文件的路径，如"/swf/ZeroClipboard.swf"</td> 
  </tr> 
  <tr> 
   <td><strong>copy&nbsp;<span style="color:rgb(255,0,0)">*</span></strong></td> 
   <td>null</td> 
   <td>可以为任何string类型，javascript表达式或者一个返回string类型的函数<br> 译者注：使用方法很方便实现一个页面内容的多个内容拷贝，<a href="http://www.coding123.net/download/20130409/jquery.zclip.js.aspx#demo" style="color:blue; outline:none" rel="nofollow">具体看示例</a></td> 
  </tr> 
  <tr> 
   <td><strong>afterCopy</strong></td> 
   <td>null</td> 
   <td>拷贝结束后的回调函数，配置这个回调函数会替换掉alert输出拷贝内容的默认回调</td> 
  </tr> 
  <tr> 
   <td><strong>beforeCopy</strong></td> 
   <td>null</td> 
   <td>拷贝之前的回调函数</td> 
  </tr> 
  <tr> 
   <td><strong>clickAfter</strong></td> 
   <td>true</td> 
   <td>true<br> false</td> 
  </tr> 
  <tr> 
   <td><strong>setHandCursor</strong></td> 
   <td>true</td> 
   <td>true<br> false</td> 
  </tr> 
  <tr> 
   <td><strong>setCSSEffects</strong></td> 
   <td>true</td> 
   <td>true<br> false</td> 
  </tr> 
  <tr> 
   <td colspan="3"><span style="color:rgb(255,0,0)">*为必填项</span></td> 
  </tr> 
 </tbody> 
</table>

多拷贝示例源代码

－收缩 `HTML`代码　　 [运行代码][Link 1]　　 \[如果运行无效果，请自行将源代码保存为html文件运行\]

<html>  
<head>  
<title>jquery.zclip.js jquery剪贴板插件 </title>  
</head>  
<script src="/js/jquery.js"> </script>  
<script src="jquery.zclip.min.js"> </script>  
<script>  
    $( function () \{  
        $( 'a\[rel\]').zclip(\{ copy:  function () \{  return $( this.getAttribute( 'rel')).html(); \} \});  
    \});  
</script>  
<body>  
<a rel="\#p1">拷贝1 </a>  
<p id="p1">拷贝内容1拷贝内容1拷贝内容1 </p>  
<a rel="\#p2">拷贝2 </a>  
<p id="p2">拷贝内容2  
拷贝内容2 </p>  
<a rel="\#p3">拷贝3 </a>  
<p id="p3">拷贝内容3  
拷贝内容3 </p>  
</body>  
</html>

[Link 1]: http://www.coding123.net/download/20130409/jquery.zclip.js.aspx#