移动端拖动元素导致页面返回上一层

在开发移动端时候遇到了一个问题，拖着滑动元素会触发手机自带的事件，导致滑动不了或者是切屏了，目前找到了以下的解决方法：

html{
    touch-action:none;
    touch-action:pan-y;
}

 var startX,startY;

document.addEventListener("touchstart",function(e){

		startX = e.targetTouches[0].pageX;
		startY = e.targetTouches[0].pageY;
});

document.addEventListener("touchmove",function(e){

		var moveX = e.targetTouches[0].pageX;
		var moveY = e.targetTouches[0].pageY;
		
		if(Math.abs(moveX-startX)>Math.abs(moveY-startY)){
				e.preventDefault();
		}
},{passive:false});