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);

Answer 2

在Chrome中：

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

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

Javascript全屏api和窗口高度

2 个答案: