Creé un juego en el que cuando deslizo el lienzo cambia de dirección, pero al deslizar hacia abajo o hacia arriba en el lienzo, toda la página se desplaza, ¿cómo puedo evitar desplazarme solo en el lienzo, pero no fuera de la página?

 Area.addEventListener("touchstart", startTouch, false); Area.addEventListener("touchmove", moveTouch, false); // Swipe Up / Down / Left / Right var initialX = null; var initialY = null; function startTouch(e) { initialX = e.touches[0].clientX; initialY = e.touches[0].clientY; }; function moveTouch(e) { if (initialX === null) { return; } if (initialY === null) { return; } var currentX = e.touches[0].clientX; var currentY = e.touches[0].clientY; var diffX = initialX - currentX; var diffY = initialY - currentY; if (Math.abs(diffX) > Math.abs(diffY)) { // sliding horizontally if (diffX > 0) { // swiped left console.log("swiped left"); } else { // swiped right console.log("swiped right"); } } else { // sliding vertically if (diffY > 0) { // swiped up console.log("swiped up"); } else { // swiped down console.log("swiped down"); } } initialX = null; initialY = null; e.preventDefault(); };