Elemente mit Tastaturkürzeln in JavaScript anklicken

Dies ist ein Memo darüber, wie man Elemente mit Tastaturkürzeln in JavaScript anklickt. Es verwendet die Methode addEventListener(‘keyup’) und die e.keyCode und e.ctrlKey des Events.

Der folgende Code demonstriert die Verwendung von JavaScript, um RUN (Skriptausführung) auf w3schools.com mit einem Tastaturkürzel auszuführen.

Ich dachte, es wäre schön, wenn ich Code mit Strg+Enter speichern + ausführen könnte.

function doc_keyUp(e) {
    if (e.ctrlKey && e.keyCode == 13) {
                document.querySelector('body > div.trytopnav > div > button').click()
    }
}
document.addEventListener('keyup', doc_keyUp, false);

Sie können es auf URLs wie dieser ausprobieren:

• [Tryit Editor v3.5](https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip_right)

function doc_keyUp(e) { if (e.ctrlKey && e.keyCode == 13) { document.querySelector(‘body > div.trytopnav > div > button’).click() } } document.addEventListener(‘keyup’, doc_keyUp, false);

Es war das erste Mal, dass ich ein benutzerdefiniertes Tastaturkürzel implementierte, also war ich etwas verwirrt, aber ich habe es geschafft.

Referenzen:

- [Javascript Char Codes (Key Codes) - Cambia Research](https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes)
- [scripting - How can I add a JavaScript keyboard shortcut to an existing JavaScript Function? - Stack Overflow](https://stackoverflow.com/questions/2511388/how-can-i-add-a-javascript-keyboard-shortcut-to-an-existing-javascript-function)