首页 > 其他 > 详细

识别长按

时间:2015-05-10 18:54:38      阅读:124      评论:0      收藏:0      [点我收藏+]

最近微信新增了一个功能:长按识别验证码。

原理是这样的:检测长按事件---触发-->截取图片中的验证码

关于长按,我们可以这么处理:

1,点击开始时(onMouseDown||onTouchStart)触发时一个timer,并设定时间

2,点击结束时(onMouseUp || onTouchEnd) 清除这个定时任务,若开始于结束中间的时间不满足timer的时间,那么实际上就不会触发事件,从而达到了长按的效果

如代码

 1 var canvas = document.getElementById(‘myCanvas‘);
 2 var timer = null;
 3 
 4 ?canvas.onmousedown = function(){
 5   timer = setTimeout( doStuff, 2000 );
 6 };
 7 
 8 canvas.onmouseup = function(){
 9   clearTimeout( timer );
10 };
11 
12 function doStuff() {
13   alert(‘hello, you just pressed the mousebutton for two seconds.‘)
14 }

Demo

接着利用ZXing或是ZBar,判断图片中是否包含二维码

 

识别长按

原文:http://www.cnblogs.com/deryck/p/4492666.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!