use js to perform full screen

 

When the user presses the F11 event, the browser triggers its own full-screen function. This process is generally uncontrollable. Even if we monitor the F11 keyboard event and exit the full-screen, we cannot capture the event triggered by the full-screen exit. Therefore, we use the program to realize the function of F11. First, we need to disable the default event action of the browser.

$(document).on('keydown', function (e) {
     var e = event || window.event || arguments.callee.caller.arguments[0];
     if(e && e.keyCode == 122){//Capture F11 keyboard action
       e.preventDefault(); //Prevent F11 default action
       var el = document.documentElement;
       var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;//Define the full screen API of different browsers
　　　　　　// execute full screen
       if (typeof rfs != "undefined" && rfs) {
             rfs.call(el);
       } else if(typeof window.ActiveXObject != "undefined"){
             var wscript = new ActiveXObject("WScript.Shell");
             if (wscript!=null) {
                 wscript.SendKeys("{F11}");
             }
       }
　　　　　　//Listen to the full screen events of different browsers and execute the corresponding code
       document.addEventListener("webkitfullscreenchange", function() {//
           if (document.webkitIsFullScreen) {
                //Code to execute after full screen
           }else{
                // code to execute after exiting full screen
       　　}
       }, false);

       document.addEventListener("fullscreenchange", function() {
           if (document.fullscreen) {
                // code to execute after full screen
           }else{
                // code to execute after exiting full screen
           }
       }, false);

       document.addEventListener("mozfullscreenchange", function() {
           if (document.mozFullScreen) {
                //Code to execute after full screen
           }else{
                // code to execute after exiting full screen
           }
       }, false);

       document.addEventListener("msfullscreenchange", function() {
           if (document.msFullscreenElement) {
                //Code to execute after full screen
           }else{
                // code to execute after exiting full screen
           }
       }, false)
    }
}