Javascript 全屏 api 和窗口高度

Question

我试图在全屏 api 启动后获取 $(window).height()。所有其他受支持的浏览器都可以正常工作，但 Chrome 窗口高度错误(有时)。它就像错过了窗口大小已更改的事实。我的代码如下:

function launchFullscreen(element) {
  if(element.requestFullscreen) {
    element.requestFullscreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if(element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}

.

launchFullscreen(element);
var windowHeight = $(window).height();

知道我错过了什么吗？

Answer 1

我发现我在这里遗漏了什么。全屏 api 有一个更改事件。

document.addEventListener("fullscreenchange", function () {
    //do something
}, false);

document.addEventListener("mozfullscreenchange", function () {
    //do something
}, false);

document.addEventListener("webkitfullscreenchange", function () {
    //do something
}, false);

document.addEventListener("msfullscreenchange", function () {
   //do something
}, false);