定义一个简单的移动端轻击事件方法tap

/**
 * Created by liyingjiehao on 2016/9/18.
 */
/*定义一个tap方法,轻击方法
 * 1.touchstart与touchend之间  的时间小于  150ms
 * 2.并且不能触发touchmove方法
 * 满足上面两个条件之后才认为是一个tap事件,才允许执行callback函数
 * */
 window.itly= {
    tap: function (dom, callback) {
        var startTime = 0;
        var isMove = true;
        dom.addEventListener("touchstart", function () {
            /*记录触摸的时间*/
            startTime = Date.now();
        });
        dom.addEventListener("touchmove", function () {
            /*判断用户是都做了滑动*/
            isMove = false;
        });
        dom.addEventListener("touchend", function (e) {
            /*触摸时间与手指离开的时间间距要小于150ms才认为是轻击事件*/
            if (isMove && (Date.now() - startTime) < 150) {
                callback && callback(e);
            }
            /*重置参数*/
            isMove = true;
            startTime = 0;
        });
    }
}

 

转载于:https://my.oschina.net/itly/blog/748209