javascript - 等待请求结束FullScreen

Question

我找了几天东西，但还没有成功。当我按下按钮时，我有一个 JS 函数调用。该函数用于使用 HMTL5 将网页的一部分设置为全屏。

function fullScreenCustom(element, tab) {
    var pere = element.parentNode.parentNode.parentNode.parentNode;

    if (pere.requestFullscreen) {
        pere.requestFullscreen();
    }
    else if (pere.msRequestFullscreen) {
        pere.msRequestFullscreen();
    }
    else if (pere.mozRequestFullScreen) {
        pere.mozRequestFullScreen();
    }
    else if (pere.webkitRequestFullscreen) {
        pere.webkitRequestFullscreen();
    } else {
        console.log("Fullscreen API is not supported");
        return; 
    }

    getElementByClass(element.parentNode, "validation").click();
}

最后一行按另一个按钮重绘图表。问题出在 Chrome 上，在全屏结束之前调用 click() 。

如何等待全屏结束？

Answer 1

你应该听fullscreenchange事件(根据需要添加前缀):

document.addEventListener("fullscreenchange", function () {
    if (!document.fullscreenEnabled) {
        // user has quit fullscreen
    }
});