Tengo el siguiente código:
undoButton.onclick = undoFunction; document.addEventListener("keydown", (e) => { if ((e.ctrlKey || e.metaKey) && e.code === "KeyZ") { e.preventDefault(); undoFunction(); } }); function undoFunction() { console.log("undo function..."); } Cuando hago clic en el botón, como excepción, el código de la función se ejecuta una vez, al igual que el archivo console.log, pero cuando uso la pulsación de tecla, la función se ejecuta varias veces, hasta cientos de los llamados bucles en algunos escenarios. . ¿Alguna sugerencia de por qué? Intenté usar e.repeat = false pero no tuve suerte. ¡Gracias!
Use keyup en su lugar. El evento de pulsación de tecla se activa mientras se mantiene pulsada una tecla. keyup solo se activa cuando se suelta una tecla.
var undoButton = document.getElementById('undoButton'); undoButton.onclick = undoFunction; document.addEventListener("keyup", (e) => { if ((e.ctrlKey || e.metaKey) && e.code === "KeyZ") { e.preventDefault(); undoFunction(); } }); function undoFunction() { console.log("undo function..."); } <input id="undoButton" type="button" value="Undo" />