JavaScript+jQuery手机端左右滑动事件

//左右滑动翻页
$("#wrapper").on("touchstart", function(e) {
    // 判断默认行为是否可以被禁用
    if (e.cancelable) {
        // 判断默认行为是否已经被禁用
        if (!e.defaultPrevented) {
            e.preventDefault();
        }
    }   
    startX = e.originalEvent.changedTouches[0].pageX,
    startY = e.originalEvent.changedTouches[0].pageY;
});
$("#wrapper").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('左滑'); 
        pulldownRefresh();
        if(true) {
                        var table = document.body.querySelector('.mui-table-view');
                        var li = document.createElement('li');
                        li.className = 'mui-table-view-cell';
                        var downRefreshDiv = '

';
                        downRefreshDiv += '';
                        downRefreshDiv += '

';
                        downRefreshDiv += '

铁人学院首期劳模、工匠（技能专家）培训班圆满结束

';
                        downRefreshDiv += '

2018-04-04 18:00:00

';
                        downRefreshDiv += '

';
                        downRefreshDiv += '

';
                        li.innerHTML = downRefreshDiv;
                        //下拉刷新，新纪录插到最前面；
                        table.insertBefore(li, table.firstChild);
                    }
    }
    //右滑
    else if ( X < 0 ) {
        //alert('右滑');    
        //pulldownRefresh();
        if(true) {
                        var table = document.body.querySelector('.mui-table-view');
                        var li = document.createElement('li');
                        li.className = 'mui-table-view-cell';
                        var downRefreshDiv = '

';
                        downRefreshDiv += '';
                        downRefreshDiv += '

';
                        downRefreshDiv += '

首期全国能源化学地质系统全国劳模、大国工匠、五一劳动奖章获得者培训班圆满落幕

';
                        downRefreshDiv += '

2018-07-25 17:38:13

';
                        downRefreshDiv += '

';
                        downRefreshDiv += '

';
                        li.innerHTML = downRefreshDiv;
                        //下拉刷新，新纪录插到最前面；
                        table.insertBefore(li, table.firstChild);
                    }
    }
//  //下滑
//  else if ( Y > 0) {
//      alert('下滑');    
//  }
//  //上滑
//  else if ( Y < 0 ) {
//      alert('上滑');    
//  }
//  //单击
//  else{
//      alert('单击');    
//  }
});