Wie man mit ESC-Keydown im Javascript-Popup-Fenster umgehen kann

Habe ich ein javascript-Fenster.popup öffnen, und ich möchte, dass das popup schließt sich, wenn der Benutzer die ESC-Taste drückt. Ich kann nicht herausfinden, wie man Haken Sie das keydown-Ereignis (und auf welches Objekt?) also, ich kann fangen Sie die ESC-Taste.

Ich bin mit jQuery.

InformationsquelleAutor der Frage Andrew Arnott | 2009-09-26

  1. 93

    Probieren Sie etwas wie dieses:

    $(document).keydown(function(e) {
    //ESCAPE key pressed
    if (e.keyCode == 27) {
        window.close();
    }
});

    InformationsquelleAutor der Antwort Gumbo

  2. 40

    Ist es möglich zu erreichen, mit JS Ohne die Verwendung von jQuery.

    window.onkeydown = function( event ) {
    if ( event.keyCode == 27 ) {
        console.log( 'escape pressed' );
    }
};

    InformationsquelleAutor der Antwort user3874938

  3. 3

    Denken Sie daran, dass Sie müssen verwenden Sie die Funktion @Gumbo geschrieben in dem popup-Fenster... Also müssen Sie auch JQuery in das Dialogfenster und führen Sie die Funktion dort nicht das Fenster, öffnet sich das popup.

    InformationsquelleAutor der Antwort PatrikAkerstrand

  4. 1

    Veranstaltung.key === "Escape"

    Nicht mehr beliebig viele codes!

    document.addEventListener('keydown', function(event) {
    const key = event.key; //const {key} = event; in ES6+
    if (key === "Escape") {
        window.close();
    }
});

    Mozilla Docs

    Unterstützte Browser

    InformationsquelleAutor der Antwort Gibolt

  5. 0

    Können Sie leicht erreichen, binden wichtige Ereignisse mithilfe von Jquery.

    Hier können Sie .keydown()

    Liste der Tastatur-Tasten-codes 

      $(document).keydown(function(e) {        
    if (e.keyCode == 27) {
        window.close();
    }
});

    InformationsquelleAutor der Antwort TheDean

  6. 0

    @Gumbo 's Antwort ist gut, aber oft müssen Sie beim trennen dieses Verhalten, so empfehle ich den one event-handler:

    $(document).one('keydown', function(e) {
    //ESCAPE key pressed
    if (e.keyCode == 27) {
        window.close();
    }
});

    ODER

    $(document).on('keydown', function(e) {
    //ESCAPE key pressed
    if (e.keyCode == 27) {
        window.close();
    }
});

    und wenn Sie bereit sind, zu stoppen das Verhalten

    $(document).off('keydown');

    InformationsquelleAutor der Antwort Guillaume Bois

Schreibe einen Kommentar