js全屏之后，监听不了esc键盘的按钮

当你在一个JavaScript应用程序中使用`fullscreen` API将页面进入全屏模式时，浏览器通常会接管键盘事件，包括Esc键。这是为了保证全屏体验的一致性和防止用户意外退出全屏状态。因此，直接监听Esc键的行为可能会在全屏状态下暂时不可用。

解决这个问题的方法通常是：

1. 使用`fullscreenchange`事件：当全屏状态发生改变时，你可以在这个事件处理器中处理Esc键的退出操作。例如：

document.addEventListener('fullscreenchange', function() {
  if (!document.fullscreenElement) { // not in fullscreen
    handleEscapeKey();
  }
});

function handleEscapeKey() {
  document.body.querySelector('.your-button').addEventListener('keydown', function(event) {
    if (event.key === 'Escape') {
      // 执行您的退出全屏逻辑
      exitFullScreen();
    }
  });
}

// 当需要重新启用Esc键监听时
function exitFullScreen() {
  document.exitFullscreen();
}

2. 使用`pointerlockchange`代替：对于某些现代浏览器，如果全屏不是通过`fullscreen` API而是通过`pointerLockElement`（WebVR中的锁定鼠标事件），可以尝试使用这个事件来监听Esc键。

请注意，并非所有浏览器都支持所有的全屏和键盘监听组合，所以最好检查兼容性并提供备选方案。