Verhindern Esc-Taste Verlassen, FullScreen-App Modus auf der Website

Entwickle ich eine eigene "lightbox" Foto-Galerie. Ich bin das hinzufügen von Schlüssel-Ereignis "Zuhörer" (Links>prev, Recht>weiter, esc>in der Nähe), und ich bin mit dem Problem von Safari (oder jedem Vollbild-Modus-browser) beenden den Vollbild-Modus auf der Flucht. Meine Website funktioniert, nur der Zuschauer hat dann zum fortsetzen der fullscreen-Modus für Safari (und andere).

Nun, ich weiß, es gibt einen Weg zur Umgehung dieser. Facebook zum Beispiel, während der Blick auf ein Foto in der "Theater" - Modus, kann geschlossen werden, mit der esc-Taste ohne dass mein browser so beenden Sie den Vollbildmodus.

Irgendwelche Gedanken?

  • Hat event.preventDefault() nicht funktionieren?
InformationsquelleAutor Joel Hackney | 2014-01-04
  1. 4

    Praktisch Sie können nicht deaktivieren Sie ESC - Taste für den Browser, das ist ein Kompromiss für Benutzer, um zumindest eine gewisse Kontrolle über Ihren browser.
    Sie haben jedoch eine Möglichkeit zum binden ein eventlistener zu Ihrem element Feld (sagen Ihrer lightbox div) zum abfangen des Ereignisses, wenn Sie Esc gedrückt, und unterdrücken es, wie unten gezeigt: (so, wenn die Leute drücken Sie ESC über die Galerie div es nicht beendet werden, browser-Vollbild)

    document.querySelector("div.lightbox").addEventListener("keydown",function(e){
    var charCode = e.charCode || e.keyCode || e.which;
    if (charCode == 27){
         alert("Escape is not suppressed for lightbox!");
        return false;
    }
});

    Auch viele Browser toggle-fullscreen-Modus mit F11 - Taste jetzt.

    • Hinweis zu den weisen: ich schlug meinen Kopf auf diese, für das Alter, bevor Sie realisieren war ich die Bindung an den keyup-event. Stellen Sie sicher, Sie binden Ihre default-Verhinderung handler der keydown - event!
    • Vielen Dank für die Hilfe. Dies brachte mich auf den Weg zur Lösung das gleiche problem in meiner app; viel verpflichtet! Ich fand, dass die Rückgabe false ist veraltet. Der richtige Weg zu stoppen die weitere Ausbreitung der jetzt ein Ereignis ist der Aufruf Event.preventDefault(). Siehe: developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault
    InformationsquelleAutor Godinall
Schreibe einen Kommentar