2016-11-22 4 views
0

Ich versuche, eine Klasse aus einem Element zu entfernen, wenn der Benutzer die Escape-Taste drückt und den Vollbildmodus auf Chrom beendet. Mein Code:Chrome erkennt keine Vollbildänderung

document.addEventListener('onwebkitfullscreenchange', 

    function(e) 
    { 
    console.log("sanity check") 
    if ($('#someDiv').hasClass('aClass')) 
    { 
     $('#someDiv').removeClass('aClass'); 
    } 
    } 
); 

Was fehlt mir hier? Ich sehe auch nie die "Gesundheitsprüfung" -Ausgabe. Nichts passiert.

+2

Hallo, überprüfen http://StackOverflow.com/questions/16755129/detect-fullscreen-mode –

+1

Sie verwenden ein 'on' Präfix mit addEventListener - das sollte nur' webkitfullscreenchange sein '. – CBroe

Antwort

1

Nur im F11-Modus überprüft.

if(window.innerHeight == screen.height) { 
    console.log("sanity check") 
    } 

Es funktioniert nur im FullScreen-Modus.

Als ich getippt habe, habe ich @ dxcorzo's Kommentar nicht gesehen, sorry. Es verweist nur auf die gleiche Antwort. Kredit geht an @dxcorzo :)