2020年仍然无法在浏览器中使用JavaScript退出全屏模式

我正在使用chrome,我想要一个简单的任务。使用代码而不是F11键退出全屏显示。

以下是有关如何实现它的一些文档:

https://www.w3schools.com/jsref/met_element_exitfullscreen.asp https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

以上方法均无效。还有很多关于Stackoverflow的无效答案。请帮助我确实需要解决此问题。

Here is CodePen.

这是我正在尝试的代码:

const button = document.getElementById('exitId');
button.addEventListener("click", function(){
  // Javascript Code To Exit Fullscreen Goes Here
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.mozCancelFullScreen) { /* Firefox */
    document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE/Edge */
    document.msExitFullscreen();
  }
  
});
<button id="exitId">Exit Fullscreen</button>  
评论