Estoy trabajando en Angular para implementar la accesibilidad y agregar eventos (keyup.space) en elementos en los que se puede hacer clic. Space press tiene un comportamiento predeterminado que mueve la barra de desplazamiento, lo que no quiero que suceda. Logré omitirlo en la página principal usando event.preventDefault(), pero cuando presiono el espacio en un botón en el modal, el comportamiento está presente aunque uso event.preventDefault().
¿Hay alguna forma de detener el comportamiento predeterminado de mover la barra de desplazamiento cuando presiono espacio en un elemento en el modal?
Si es vanilla js, debería funcionar como se esperaba.
https://jsfiddle.net/ramseyfeng/xpd832mk/
window.addEventListener('keydown', function(e) { if(e.keyCode === 32) { e.preventDefault(); } });
Estaba usando (keyup.space)="$event.preventDefault();onClickMethod()"
. Lo arreglé usando (keydown.space)=="$event.preventDefault();onClickMethod()"