馃敟 EVENTOS DEL DOM: CONTROLAR EVENTOS DEL TECLADO

Eventos del DOM: Controlar eventos del teclado

驴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;
}