码迷,mamicode.com
首页 > Web开发 > 详细

jQuery触屏插件:Tap 代码

时间:2014-06-05 19:17:55      阅读:413      评论:0      收藏:0      [点我收藏+]

标签:c   a   http   tar   ext   get   

jQuery触屏插件:Tap,使用方法非常简单,例:
$("#domid").tap(function(){
alert("You tapped me! -- by"+this.innerText);
});
依赖jquery 1.7+

01
$.fn.tap = function(fn){
02
var collection = this,
03
isTouch = "ontouchend" in document.createElement("div"),
04
tstart = isTouch ? "touchstart" : "mousedown",
05
tmove = isTouch ? "touchmove" : "mousemove",
06
tend = isTouch ? "touchend" : "mouseup",
07
tcancel = isTouch ? "touchcancel" : "mouseout";
08
collection.each(function(){
09
var i = {};
10
i.target = this;
11
$(i.target).on(tstart,function(e){
12
var p = "touches" in e ? e.touches[0] : (isTouch ? window.event.touches[0] : window.event);
13
i.startX = p.clientX;
14
i.startY = p.clientY;
15
i.endX = p.clientX;
16
i.endY = p.clientY;
17
i.startTime = + new Date;
18
});
19
$(i.target).on(tmove,function(e){
20
var p = "touches" in e ? e.touches[0] : (isTouch ? window.event.touches[0] : window.event);
21
i.endX = p.clientX;
22
i.endY = p.clientY;
23
});
24
$(i.target).on(tend,function(e){
25
if((+ new Date)-i.startTime<300){
26
if(Math.abs(i.endX-i.startX)+Math.abs(i.endY-i.startY)<20){
27
var e = e || window.event;
28
e.preventDefault();
29
fn.call(i.target);
30
http://www.huiyi8.com/biaoqian/taobao/}
31
}
32
i.startTime = undefined;
33
i.startX = undefined;
34
i.startY = undefined;
35
i.endX = undefined;
36
i.endY = undefined;
37
});
38
});
39
return collection;
40
}

jQuery触屏插件:Tap 代码,布布扣,bubuko.com

jQuery触屏插件:Tap 代码

标签:c   a   http   tar   ext   get   

原文地址:http://www.cnblogs.com/xrkbgan/p/3768451.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!