js实现F11全屏功能

776 阅读1分钟

话不多说,直接上代码


// 全屏

function fullScreen(id) { //  el 是要放大的div的id
  let el = document.getElementById(id);
  let screen = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen
  let wscript = null
  if (typeof screen != "undefined" && screen) {
    screen.call(el);
    return;
  }
  if (typeof window.ActiveXObject != "undefined") {
    wscript = new ActiveXObject("WScript.Shell");
    if (wscript) {
      wscript.SendKeys("{F11}");
    }
  }
}


// 退出全屏

function exitFullScreen() {
  let screen = document.cancelFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.exitFullScreen
  let wscript = null

  if (typeof screen != "undefined" && screen) {
    screen.call(document);
    return;
  }

  if (typeof window.ActiveXObject != "undefined") {
    wscript = new ActiveXObject("WScript.Shell");
    if (wscript != null) {
      wscript.SendKeys("{F11}");
    }
  }
}