Question

澄清：

浏览器全屏我指的是浏览器窗口，而不是DOM窗口。
我不想要jQuery的答案。
我真的不想使用setInterval()方法 - 我正在寻找类似于document.addEventListener('browserFullScreen', doStuff())的某种事件监听器。

我知道如果全屏通过fullscreen API可以检测到dom窗口 - 但这是真正的全屏 - 即F11。我需要一种方法来检测用户是否会在屏幕上拖动浏览器窗口，然后将其“捕捉”到屏幕顶部，然后导致浏览器窗口进入全屏状态。

非常感谢任何帮助。

Answer 1

我认为一种方法是调整大小，将浏览器的外部宽度和高度与屏幕的宽度和高度进行比较，如果高度和宽度分别相同，则浏览器覆盖整个屏幕。

window.addEventListener('resize', () => {
    const windowWidth = window.outerWidth;
    const windowHeight = window.outerHeight;
    const screenWidth = screen.width;
    const screenHeight = screen.height;

    if (windowWidth === screenWidth && windowHeight === screenHeight) {
        // browser window is covering entire screen
    }
});

浏览器全屏事件监听器？

1 个答案: