Quiero interceptar el evento "keypress" con javascript a través del siguiente código:
document.addEventListener("keypress", (e) => { if (e.key === "a") { console.log("You pressed the key a"); } }El código realmente funciona. El problema es que aunque presiono la letra a una vez, la cadena "Usted presiona la tecla a" se imprime en mi consola 40 veces. Debería ser el comportamiento de keydown, no keypress.
Como se documenta en la documentación de Developer Mozilla, la función de pulsación de teclas ya no es compatible.
Aunque es posible que algunos navegadores aún lo admitan, es posible que ya se haya eliminado de los estándares web relevantes, que esté en proceso de eliminación o que solo se conserve por motivos de compatibilidad. Evite usarlo y actualice el código existente si es posible.
Con este pequeño contexto no puedo encontrar el problema, podría comenzar cambiándolo con el evento 'keydown' y ver si funciona.
Esta es mi solución. Quité el código del constructor que se llama continuamente y lo puse en un gancho de reacción.
const onKeyPress = (e) => { if (e.key === "a") { console.log("You pressed the key a"); } }; useEffect(() => { document.addEventListener("keypress", onKeyPress); return () => { document.removeEventListener("keypress", onKeyPress); } }, []);