您的位置:首页 > 其它

监听浏览器是否处于全屏

2018-01-30 19:04 155 查看
$(document).on('keydown', function (e) {
var e = event || window.event || arguments.callee.caller.arguments[0];

    if(e && e.keyCode == 122){//捕捉F11键盘动作

      e.preventDefault();  //阻止F11默认动作

      var el = document.documentElement;

      var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;//定义不同浏览器的全屏API

     //执行全屏

      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}");

            }

      }

     //监听不同浏览器的全屏事件,并件执行相应的代码

      document.addEventListener("webkitfullscreenchange", function() {//

          if (document.webkitIsFullScreen) {

               //全屏后要执行的代码

          

          }else{

               //退出全屏后执行的代码

         

          },500);

          }

      },false);

      document.addEventListener("fullscreenchange", function() {

          if (document.fullscreen) {

               //全屏后执行的代码

          console.log("13")

          }else{

               //退出全屏后要执行的代码

          console.log("14")

          }

      }, false);

      document.addEventListener("mozfullscreenchange", function() {

          if (document.mozFullScreen) {

               //全屏后要执行的代码

          console.log("13")

          }else{

               //退出全屏后要执行的代码

          }

      }, false);

      document.addEventListener("msfullscreenchange", function() {

          if (document.msFullscreenElement) {

               //全屏后要执行的代码

          console.log("13")

          }else{

               //退出全屏后要执行的代码

          }

      }, false);

   }

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: