标签: fullscreenchange

我正在使用“fullscreenchange”事件通过添加或删除 ID ( #showFullscreen) 来应用我想要的 css，该 ID 将主导已应用于.fullscreen.

    var fullscreen = document.getElementsByClassName("fullscreen");

    document.addEventListener("fullscreenchange", function() {
        if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement) {
            fullscreen[0].setAttribute("id", "showFullscreen");
        } else if (!document.fullscreenElement || !document.webkitFullscreenElement || !document.mozFullScreenElement || !document.msFullscreenElement) {
            fullscreen[0].removeAttribute("id", "showFullscreen");
        }
     });

如何使用普通 JavaScript 使此代码在所有浏览器上工作？