失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > JS实现浏览器复制文段到粘贴板

JS实现浏览器复制文段到粘贴板

时间:2023-11-28 16:45:15

相关推荐

JS实现浏览器复制文段到粘贴板

目标:点击“复制”复制相邻表格内的内容到粘贴板,我用的是:联网的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="///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:'///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实现浏览器复制文段到粘贴板》对你有帮助,请点赞、收藏,并留下你的观点哦!

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