目标:点击“复制”复制相邻表格内的内容到粘贴板,我用的是:联网的jquery.zclip.min.js和本地的jquery.min.js 原理:(最根本)超链接一个flash文件,将要复制的内容写在flash文件上以达到复制的目的。 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="//cdn.bootcss.com/zclip/1.1.2/jquery.zclip.min.js"></script> <script type="text/javascript"> <table> <tr> <td>复制的内容</td> <td > <a class="copyParams" >复制</a> </td> </tr> </table> <script type="text/javascript"> $('.copyParams').click(//获取点击的对象 function(){ $(this).zclip({//触发zclip方法 path:'//cdn.bootcss.com/zclip/1.1.2/ZeroClipboard.swf', //记得把ZeroClipboard.swf引入到项目中(联网) copy:function(){ return $(this).parent().prev().html();//要复制的值 } }); }); </script>配置说明 path:swf的路径(复制主要是用flash解决不同浏览器的复制) copy:待复制的内容, 可以是静态内容, 也可以 return 动态内容 beforeCopy:复制之前要做的function; afterCopy:复制之后要做的function;
提供了3个方法 show:$(selected).zclip('show');//复制功能有效 hide:$(selected).zclip('hide');//复制功能无效 remove:$(selected).zclip('remove');//完全移除复制功能
JS实现浏览器复制文段到粘贴板
最新推荐文章于 2023-09-04 15:24:26 发布