等待requestFullScreen的结束

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()在fullScreen结束前调用。

我如何等待fullScreen结束？

Answer 1

您应该监听fullscreenchange事件（根据需要添加前缀）：

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