驴C贸mo detectar la pulsaci贸n de teclas con JavaScript?
Mediante el m茅todo addEventListener()
es posible manejar los eventos del teclado.
<p id="parrafo">Tecla presionada</p>
document.addEventListener("keypress", alPresionarTecla);
function alPresionarTecla(e) {
var teclaPresionada = e.key; // contiene la tecla que fue presionada
document.getElementById("parrafo").innerHTML =
"La tecla presionada es " + teclaPresionada;
}
En el c贸digo anterior, un listener es agregado directamente al objeto document
del DOM. El objeto document
es el nodo ra铆z en donde todos los dem谩s elementos se van incorporando. Cuando una tecla es presionada, la informaci贸n de dicha tecla ser谩 mostrada dentro del elemento parrafo
.
Utilizando onKeyPress.
document.onkeypress = alPresionarTecla;
function alPresionarTecla(e) {
var teclaPresionada = e.key;
document.getElementById("parrafo").innerHTML =
"Tecla presionada " + teclaPresionada;
}