Wie können wir den Vollbildmodus in Javascript programmgesteuert aufrufen und beenden?

Hier ist die Dokumentation zum Verlassen des Vollbildmodus.

Ich habe diesen Code verwendet, um den Browser in den Vollbildmodus zu versetzen (es funktioniert), aber meine Versuche, eine Version zu ändern, um den Vollbildmodus zu beenden, sind fehlgeschlagen. Der Umgang mit diesen nicht standardmäßigen APIs ist etwas knifflig, da jeder Browser sie ein wenig anders implementiert.

Hier ist der Code:

// Bring the page into full-screen mode - Works!
function requestFullScreen(element) {

    // Supports most browsers and their versions.
    var requestMethod = element.requestFullScreen || 
        element.webkitRequestFullScreen           || 
        element.mozRequestFullScreen              || 
        element.msRequestFullScreen;
    if (requestMethod) {
        requestMethod.call(element);
    } else if ( typeof window.ActiveXObject !== "undefined") {
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

// Exit fullscreen - Doesn't work!
function exitFullScreen(element){
    var requestMethod = element.exitFullscreen || 
        element.mozCancelFullScreen            || 
        element.webkitExitFullscreen           || 
        element.msExitFullscreen;
    if (requestMethod) {
        requestMethod();
    } else {
        console.log("Oops. Request method false.");
    }
}

Und die Anrufe:

var $fullscreenButton = $("#fullscreen-button");
var $smallscreenButton = $("#smallscreen-button");

$fullscreenButton.on("click", function() {
    var elem = document.body;

    // Make the body go full screen.
    requestFullScreen(elem);
});

$smallscreenButton.on("click", function() {
    var elem = document.body;

    // Exit full screen.
    exitFullScreen(elem);
});

Was ist los mit der exitFullScreen-Funktion? Wie kann ich es reparieren?

Bearbeiten:

Ich arbeite an einer JSFiddle dafür!Mit "Funktioniert nicht" meine ich, dass es ausgibt"Oops. Request method false."Ich rufe die Funktion aufexitFullScreen() mit dem Parameterdocument.body

JSFiddle:

Während die Vollbildanforderungsfunktion bei mir im Browser normal funktioniert,Ich konnte es in JSFiddle nicht zum Laufen bringenund ich bin mir nicht sicher, ob dies auf meinen eigenen Fehler zurückzuführen ist oder etwas mit JSFiddle zu tun hat.

Antworten auf die Frage(1)

Ihre Antwort auf die Frage