为什么这里的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这里就没有反应了呢？