主页 / 问题 / 1575981
Accepted
ralph
Asked:2024-04-13 19:22:12 +0000 UTC2024-04-13 19:22:12 +0000 UTC

如何知道浏览器窗口是否处于全屏模式

  • 772

该任务的本质如下：如果浏览器窗口未处于全屏模式，则应出现一个模式，您可以通过单击此模式中的按钮或按 f11 切换到此模式（如果我们是在电脑上）；如果模式被激活，模式就会消失

所有这些全屏 API 都是一些废话，因为它们只有在您通过按钮激活它时才起作用，但是如果您通过 f11 按下它，那么没有任何方法可以捕获任何内容...通过 @media all 和 (display-mode: fullscreen ）似乎也可以工作，但只在PC上，在手机上没有任何反应......也许有某种库？还是更容易？或者这根本无法解决？...请帮助我（

javascript

2 个回答

  1. 我不明白为什么所有这些技巧都与高度和每个人有关，所以我将编写最标准和最有效的版本。

    /**
 * Фукнция подгоняет какой-нибудь элемент в полноэкранный режим
 * @param {Element?} element 
 * @returns {Promise<void>}
 */
function setFullscreen(element) {
    return (element === null)
        ? document.exitFullscreen()
        : element.requestFullscreen();
}

/**
 * Функция возвращяет элемент в полноэкранном режиме
 * @returns {Element?}
 */
function getFullscreen() {
    return document.fullscreenElement;
}

/**
 * Функция проверяет наличие какого-нибудь элемента в полноэкранном режиме
 * @returns {boolean}
 */
function isFullscreen() {
    return document.fullscreenElement !== null;
}
    • 1
  2. Best Answer

    window.onresize = function(){
    if(window.innerHeight == screen.height){
        mymodal.hidden = true;
         // или так:
        mymodal.style.display = "none";
    }
}

    • 0

相关问题