jQuery -- touch事件之滑動判斷（左右上下方向）

標籤：origin   page   pre   tde   左右   change   --   方向   art   

$("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(‘單擊‘);        }});

轉載http://blog.csdn.net/sinat_19327991/article/details/73823767

jQuery -- touch事件之滑動判斷（左右上下方向）