Javascript 等待请求全屏结束

我找东西找了几天，但还没有成功。 当我按下按钮时，有一个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（）

是在全屏结束前调用的

我如何等待全屏结束

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

---

1.您最好避免使用

元素.parentNode.parentNode.parentNode.parentNode

，很可能您可以使用

文档

。第14行似乎不需要

eval（）

。是的，我不需要eval（）（旧测试的其余部分）。我使用parentNode.parentNode。。。因为我需要全屏显示当前文章，而不是整页。它很好用，即使它不性感。编辑：我从代码中删除eval谢谢你的回答。我试过了，但在第一个函数中没有。你用过前缀吗？例如，Chrome需要

webkitfullscreenchange

和

文档。webkitFullscreenEnabled

。谢谢，我想就是这样。你知道如何为所有浏览器设置此选项吗？如果有可能得到当前的全屏元素？编辑：为当前元素找到它的document.webkitFullscreenElement

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