X6 全屏 退出全屏 代码示例

以下是使用 JavaScript 实现 X6 全屏和退出全屏的代码示例：

// 进入全屏
function enterFullscreen(element) {
  if (element.requestFullscreen) {
    element.requestFullscreen();
  } else if (element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if (element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}

// 退出全屏
function exitFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if (document.msExitFullscreen) {
    document.msExitFullscreen();
  }
}

// 监听全屏状态变化事件
document.addEventListener('fullscreenchange', function(event) {
  if (document.fullscreenElement) {
    console.log('进入全屏');
  } else {
    console.log('退出全屏');
  }
});

// 监听 esc 键，退出全屏
document.addEventListener('keydown', function(event) {
  if (event.key === 'Escape') {
    exitFullscreen();
  }
});

// 示例代码中，enterFullscreen() 函数用于进入全屏，需要传入一个 DOM 元素作为参数；exitFullscreen() 函数用于退出全屏；fullscreenchange 事件用于监听全屏状态变化；keydown 事件用于监听 esc 键，当按下 esc 键时，退出全屏。