浏览器复制（解决了悬浮层不能复制的难题）
- WBOYasal
- 2016-08-23 09:02:471149semak imbas
看正文
浏览器复制其实是一个十分令人头疼的问题，因为这涉及到浏览器安全，所以浏览器本生不会提供相应接口，我们也没有办法通过纯js来实现这个功能，但是你会看到很多网站，如百度云盘他们却做到了这个功能，那究竟他们是如何实现的，今天就让我带你去看看他们的秘密。
首先这个功能对我是十分重要的，因为去转盘网的私密分享必须要具备这个功能，截图如下：
只要你点击点我复制按钮，网盘私密分享的密码就会自动的被复制到你的浏览器。其实这个功能本人最开始做的时候还是付出很多时间，因为他涉及到悬浮层的复制，问题的难度陡然增大许多，不过现在我还是愿意公开代码，希望大家喜欢。顺便我我指出其他几篇我写的博客代码，希望喜欢：
百度网盘爬虫
百度图片爬虫
ok搜搜爬虫源码
java分词算法
邀请好友注册
数据库自动备份
好的，现在让我们言归正转，浏览器复制需要两个插件，请先下载：下载地址1 下载地址2
代码如下：var clip=null;<br>
clip = new ZeroClipboard.Client();//new 一个对像<br>
clip.setText(null);<br>
ZeroClipboard.setMoviePath( '${pageContext.request.contextPath}/media/js/ZeroClipboard.swf'); //和html不在同一目录需设置setmoviepath<br>
//ZeroClipboard.setMoviePath( '../media/js/zeroclipboard10.swf');<br>
clip.setHandCursor(true);<br>
clip.addEventListener('mousedown', function(client) {<br>
<br>
window.passwd = document.getElementById("file-password").value;<br>
clip.setText(window.passwd);<br>
});<br>
<br>
clip.addEventListener('complete', function (client, text) {<br>
<br>
window.url = document.getElementById("file-url").value;<br>
var id=get_param("id");<br>
var type=get_param("type");<br>
window.open(window.url,'_self');<br>
$('.theme-popover').hide();<br>
$('.theme-popover-mask').hide();//将复制框dismiss<br>
document.getElementById("theme-popover").style.visibility="hidden";//影藏<br>
//记录下载信息<br>
$.ajax({<br>
type: "post",<br>
url: "${pageContext.request.contextPath}/download/statistic.action",<br>
dataType:"json",<br>
data:{<br>
id:id,<br>
type:type<br>
},<br>
success:function(data){;} <br>
});<br>
});<br>
clip.glue('copy-password','copy-dialog');代码中的记录下载信息等都是和去转盘网有关系，你不必关心，下面一句：document.getElementById("theme-popover").style.visibility="hidden";//影藏非常重要，因为要悬浮层复制，如果是相对布局flash是找不见覆盖按钮的，所以开始的时候
document.getElementById("theme-popover").style.visibility="visible";//私密分享时显示
最后要影藏。本人建个qq群，欢迎大家一起交流技术， 群号：512245829 喜欢微博的朋友关注：转盘娱乐即可