jQuery -- touch事件之滑动判断(左右上下方向)

来源:互联网 发布:ug nx8.0数控编程教程 编辑:程序博客网 时间:2024/05/16 15:37

js代码:

$("body").on("touchstart", function(e) {    // 判断默认行为是否可以被禁用    if (e.cancelable) {        // 判断默认行为是否已经被禁用        if (!e.defaultPrevented) {            e.preventDefault();        }    }       startX = e.originalEvent.changedTouches[0].pageX,    startY = e.originalEvent.changedTouches[0].pageY;});$("body").on("touchend", function(e) {             // 判断默认行为是否可以被禁用    if (e.cancelable) {        // 判断默认行为是否已经被禁用        if (!e.defaultPrevented) {            e.preventDefault();        }    }                   moveEndX = e.originalEvent.changedTouches[0].pageX,    moveEndY = e.originalEvent.changedTouches[0].pageY,    X = moveEndX - startX,    Y = moveEndY - startY;    //左滑    if ( X > 0 ) {        alert('左滑');                    }    //右滑    else if ( X < 0 ) {        alert('右滑');        }    //下滑    else if ( Y > 0) {        alert('下滑');        }    //上滑    else if ( Y < 0 ) {        alert('上滑');        }    //单击    else{        alert('单击');        }});