zepto源码之touch.js

一、前言

touch.js主要提供滑动(swipe)与点击(tap：模拟click)的事件封装，针对手机常用浏览器(touchstart,touchmove,touchend)和IE10(msPointDown)
的触摸事件兼容处理以及手势的事件处理。

二、源码

    //touch事件 在触摸设备上触发tap–和swipe–相关事件。这适用于所有的`touch`(iOS, Android)和`pointer`事件(Windows Phone)。
    (function ($) {
   
        var touch = {},
            //延迟触发(ms): 250, 0, 0, 750
            touchTimeout, tapTimeout, swipeTimeout, longTapTimeout,
            longTapDelay = 750,
            gesture;

        //判断滑动方向，返回Left, Right, Up, Down
        function swipeDirection(x1, x2, y1, y2) {
   
            return Math.abs(x1 - x2) >=
            Math.abs(y1 - y2) ? (x1 - x2 > 0 ? 'Left' : 'Right') : (y1 - y2 > 0 ? 'Up' : 'Down')
        }

        //长按
        function longTap() {
   
            //定时器执行了没有清空的必要
            longTapTimeout = null;
            if (touch.last) {
                touch.el.trigger('longTap');
                touch = {}
            }
        }

        //取消长按
        function cancelLongTap() {
   
            if (longTapTimeout) clearTimeout(longTapTimeout);
            longTapTimeout = null
        }

        //取消所有
        function cancelAll() {
   
            if (touchTimeout) clearTimeout(touchTimeout);
            if (tapTimeout) clearTimeout(tapTimeout);
            if (swipeTimeout) clearTimeout(swipeTimeout);
            if (longTapTimeout) clearTimeout(longTapTimeout);
            touchTimeout = tapTimeout = swipeTimeout = longTapTimeout = null;
            touch = {}
        }

        //判断是否是点击指针是否为主指针(http://www.ayqy.net/blog/html5%E8%A7%A6%E6%91%B8%E4%BA%8B%E4%BB%B6/)
        function isPrimaryTouch(event) {
   
            return (event.pointerType ==