ITPub博客

首页 > 应用开发 > Java > jQuery触屏插件:Tap 代码分享

jQuery触屏插件:Tap 代码分享

Java 作者:严格纪律 时间:2014-06-04 18:06:10 0 删除 编辑
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
}

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/29691626/viewspace-1175674/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: javascript操作cookie
下一篇: java导出csv 代码
请登录后发表评论 登录
全部评论

注册时间:2014-06-04

  • 博文量
    13
  • 访问量
    26538