h5觸摸事件-判斷上下滑動

        // 判斷上下滑動
        var startX = 0,
        startY = 0;
    function touchStart(evt){
        try{
            var touch = evt.touches[0], //獲取第一個觸點
                    x = Number(touch.pageX), //頁面觸點X坐標
                    y = Number(touch.pageY); //頁面觸點Y坐標
            //記錄觸點初始位置
            startX = x;
            startY = y;
        }catch(e){
            console.log(e.message)
        }
    }

    function touchMove(evt){
        try{
            var touch = evt.touches[0], //獲取第一個觸點
                    x = Number(touch.pageX), //頁面觸點X坐標
                    y = Number(touch.pageY); //頁面觸點Y坐標
            //判斷滑動方向
            if (y - startY<0) {
                console.log('上滑了！');
                var mainView = myApp.addView('.view-main', {domCache: true});
                mainView.router.load({pageName: 'friendCircle'});
            }
        }catch(e){
            console.log(e.message);
        }
    }

    // function touchEnd(evt){
    //     try{
    //         var touch = evt.touches[0], //獲取第一個觸點
    //                 x = Number(touch.pageX), //頁面觸點X坐標
    //                 y = Number(touch.pageY); //頁面觸點Y坐標
    //         //判斷滑動方向
    //         if (y - startY<0) {
    //             console.log('上滑了！');
    //         }
    //     }catch(e){
    //         console.log(e.message);
    //         console.log("end");
    //     }
    // }

    //綁定事件
    function bindEvent(){
        document.addEventListener('touchstart',touchStart,false);
        document.addEventListener('touchmove',touchMove,false);
        // document.addEventListener('touchend',touchEnd,false);
    }


    bindEvent();

參考：http://blog.csdn.net/bbsyi/article/details/52108599