为什么这里的touchend无效呢:配置报错 

s4.addEventListener("touchstart", touchStart4, false);

s4.addEventListener("touchmove", touchMove4, false);

s4.addEventListener("touchend", touchEnd4, false);

var v4 = 0;

function touchStart4(event,target) {

    //event.preventDefault();

    var touch = event.targetTouches[0]; //位于当前DOM元素上的手指的一个列表

    startY = touch.pageY;

    moveY = 0;

}

function touchMove4(event) {

    //event.preventDefault();

    var touch = event.touches[0];

    moveY = touch.pageY - startY;

}

function touchEnd4(event) {

        if($(document).scrollTop() == 0){

                v4 = 1;        //top

        }else if($(document).scrollTop() == $(document).height() - $(window).height()){

                v4 = 2; //bottom

        }else{

                v4 = 0;        

        }

        if(moveY < 0 && v4 == 2){ //当滑到底部的时候

                $('#s5').css('top','100%');

                $('#s5').css('display','block');

                $('#s5').animate({

                        top:0

                },500,function(){

                        an5_in();

                        $('#nav').hide();        

                });

                $('#s4').animate({

                        top:'-100%'

                },500);

                $('#s4').css('display','none');

        }else if(moveY > 0 && v4 == 1){ //当滑到顶部的时候

                $('#s3').css('top','-100%');

                $('#s3').css('display','block');

                $('#s3').animate({

                        top:'0'

                },500,function(){

                        an3_in();

                        $('#nav').hide();        

                });

                $('#s4').css('display','none');

        }

}

我想要实现的功能是，当该页（这一页的内容超过一屏的，所以可上下滑动滚动）到达顶部的时候，再滑动一下，就会跳到上一页，如果到达了顶部，再滑动一下，就到达下一页。

为什么touchend这里就没有反应了呢？