解决移动端滚动页面释放时所触发的tounchend事件

解决方法

1在滚动时就给停止touchend事件冒泡,实现如下:

JavaScript:

function stopTouchendPropagationAfterScroll(){
    var flag = false;
    window.addEventListener('touchmove', function(ev){
        flag || (flag = true, window.addEventListener('touchend', stopTouchendPropagation, true));
    }, false);
    function stopTouchendPropagation(ev){
        ev.stopPropagation();
        setTimeout(function(){
            window.removeEventListener('touchend', stopTouchendPropagation, true);
            flag = false;
        }, 50);
    }
}
2 可以判断滑动(左右上下)的距离大于多少之后就阻止tounchend事件!

你可能感兴趣的:(js基础)