看正文
浏览器复制其实是一个十分令人头疼的问题,因为这涉及到浏览器安全,所以浏览器本生不会提供相应接口,我们也没有办法通过纯js来实现这个功能,但是你会看到很多网站,如百度云盘他们却做到了这个功能,那究竟他们是如何实现的,今天就让我带你去看看他们的秘密。

首先这个功能对我是十分重要的,因为去转盘网的私密分享必须要具备这个功能,截图如下:


只要你点击点我复制按钮,网盘私密分享的密码就会自动的被复制到你的浏览器。其实这个功能本人最开始做的时候还是付出很多时间,因为他涉及到悬浮层的复制,问题的难度陡然增大许多,不过现在我还是愿意公开代码,希望大家喜欢。顺便我我指出其他几篇我写的博客代码,希望喜欢:
百度网盘爬虫
百度图片爬虫
ok搜搜爬虫源码
java分词算法
邀请好友注册
数据库自动备份
好的,现在让我们言归正转,浏览器复制需要两个插件,请先下载:下载地址1 下载地址2
代码如下:var clip=null;
clip = new ZeroClipboard.Client();//new 一个对像
clip.setText(null);
ZeroClipboard.setMoviePath( '${pageContext.request.contextPath}/media/js/ZeroClipboard.swf'); //和html不在同一目录需设置setmoviepath
//ZeroClipboard.setMoviePath( '../media/js/zeroclipboard10.swf');
clip.setHandCursor(true);
clip.addEventListener('mousedown', function(client) {

window.passwd = document.getElementById("file-password").value;
clip.setText(window.passwd);
});

clip.addEventListener('complete', function (client, text) {

window.url = document.getElementById("file-url").value;
var id=get_param("id");
var type=get_param("type");
window.open(window.url,'_self');
$('.theme-popover').hide();
$('.theme-popover-mask').hide();//将复制框dismiss
document.getElementById("theme-popover").style.visibility="hidden";//影藏
//记录下载信息
$.ajax({
type: "post",
url: "${pageContext.request.contextPath}/download/statistic.action",
dataType:"json",
data:{
id:id,
type:type
},
success:function(data){;}
});
});
clip.glue('copy-password','copy-dialog');代码中的记录下载信息等都是和去转盘网有关系,你不必关心,下面一句:document.getElementById("theme-popover").style.visibility="hidden";//影藏非常重要,因为要悬浮层复制,如果是相对布局flash是找不见覆盖按钮的,所以开始的时候

document.getElementById("theme-popover").style.visibility="visible";//私密分享时显示

最后要影藏。本人建个qq群,欢迎大家一起交流技术, 群号:512245829 喜欢微博的朋友关注:转盘娱乐即可

评论() 相关

收藏

赞

huangxie

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。