Revisando tu comentario a mi respuesta original, lo que buscas es no permitir desplazamiento al mostrar la ventana modal y eso es muy diferente a cancelar un evento. Se puede agregando una clase al cuerpo de la página donde se asigne la propiedad overflow: hidden;
.
Cuando abres la ventana modal agregas la clase al cuerpo de la página y la quitas al cerrar:
document.querySelector('#desactivar').addEventListener('click', e => {
// Agregar clase para no permitir desplazamiento
document.body.classList.add('no-scroll');
});
document.querySelector('#activar').addEventListener('click', e => {
// Quitar clase para permitir desplazamiento
document.body.classList.remove('no-scroll');
});
.no-scroll {
/* Debe tener altura específica para que funcione */
max-height: 100vh;
overflow: hidden;
}
p {
margin:100px;
}
<button id="desactivar">Desactivar scroll</button>
<button id="activar">Activar scroll</button>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>