JS: Tasten abfangen (z.B. Escape, Enter)

edit | delete

Autor: Ralf v.d.Mark

eingetragen: Mittwoch, 17. Juni 2020 um 16:47 Uhr (25/2020 Kalenderwoche)

geändert: Mittwoch, 18. Januar 2023 um 11:51 Uhr (3/2023 Kalenderwoche)

Keywords: keys Event.keyCode KeyboardEvent.code tastatur escape rechs links

Kategorien: HTML, JavaScript,

Text:

Abfangen von Tastatureingaben mit JavaScript!


Die erste Funktion übersetzt die veraltete (deprecated) "KeyboardEvent.keyCode" in die empfohlenen "KeyboardEvent.code".
Liste einiger KeyboardEvent.code's



Stackoverflow...


s. a. Window-PopUp Ersatz mit Overlay durch CSS-/JS

Quellcode:   

//Keycode values: https://css-tricks.com/snippets/javascript/javascript-keycodes/
//Funktion gibt den Wert der Tastatur-Taste aus:
document.addEventListener('keydown', function (e) {
    alert('KeyboardEvent.code: "' + e.code + 
          '" (deprecated! -> KeyboardEvent.keyCode: "' + e.keyCode + '")');
});




function keyPress(e) {
    if (e.key === "Escape") {
        //Was soll hier passieren?
    }
}


oder so:

$(document).keyup(function(e) {
     if (e.key === "Escape") { // escape key maps to keycode `27`
        // <DO YOUR WORK HERE>
    }
});