$(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) {
        //全屏后要执行的代码
        openF();
      } else {
        //退出全屏后执行的代码
        closeF();
      }
    }, false);

    document.addEventListener("fullscreenchange", function () {
      if (document.fullscreen) {
        //全屏后执行的代码
        openF();
      } else {
        //退出全屏后要执行的代码
        closeF();
      }
    }, false);

    document.addEventListener("mozfullscreenchange", function () {
      if (document.mozFullScreen) {
        //全屏后要执行的代码
        openF();
      } else {
        //退出全屏后要执行的代码
        closeF();
      }
    }, false);

    document.addEventListener("msfullscreenchange", function () {
      if (document.msFullscreenElement) {
        //全屏后要执行的代码
        openF();
      } else {
        //退出全屏后要执行的代码
        closeF();
      }
    }, false)
  } else if (e && e.keyCode == 27) {
    e.preventDefault(); //阻止F11默认动作
    closeF();
    close();
  }
})

function openF() {
  $('.iframeBox').addClass('full-screen');
  $('.iframeBox').find('.full-screen-btn .iconfont').removeClass('icon-fullscreen').addClass('icon-shouqi1')
}

function closeF() {
  $('.iframeBox').removeClass('full-screen');
  $('.iframeBox').find('.full-screen-btn .iconfont').removeClass('icon-shouqi1').addClass('icon-fullscreen')
}

$('.full-screen-btn').on('click', function () {
  if (!$('.iframeBox').hasClass('full-screen')) {
    openF();
    open();
  } else {
    closeF();
    close();
  }
})

function open() {
  var docElm = document.documentElement;
  //W3C
  if (docElm.requestFullscreen) {
    docElm.requestFullscreen();
  }
  //FireFox
  else if (docElm.mozRequestFullScreen) {
    docElm.mozRequestFullScreen();
  }
  //Chrome等
  else if (docElm.webkitRequestFullScreen) {
    docElm.webkitRequestFullScreen();
  }
  //IE11
  else if (elem.msRequestFullscreen) {
    elem.msRequestFullscreen();
  }
}

function close() {
  // if (document.fullscreenElement) {
  //   document.exitFullscreen();
  // } else if (document.mozCancelFullScreen) {
  //   document.mozCancelFullScreen();
  // } else if (document.webkitCancelFullScreen) {
  //   document.webkitCancelFullScreen();
  // } else if (document.msExitFullscreen) {
  //   document.msExitFullscreen();
  // }
}