js全屏px

function toggleFullScreen(element) {
  if (!document.fullscreenElement) {
    element.requestFullscreen().catch(err => {
      console.log(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
    });
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    }
  }
}

// 使用方法
const elem = document.getElementById('myElement');
toggleFullScreen(elem);

function requestFullScreen(element) {
  const requestMethod = element.requestFullscreen || element.webkitRequestFullscreen || element.mozRequestFullScreen || element.msRequestFullscreen;
  if (requestMethod) {
    requestMethod.call(element);
  } else if (typeof window.ActiveXObject !== "undefined") { // For Internet Explorer
    var wscript = new ActiveXObject("WScript.Shell");
    if (wscript !== null) {
      wscript.SendKeys("{F11}");
    }
  }
}

html, body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

document.addEventListener('fullscreenchange', () => {
  if (!document.fullscreenElement) {
    // 处理退出全屏后的逻辑
  }
});