瀏覽器FullScreen事件監聽器 - Javascript？

-1

澄清：
1.通過瀏覽器全屏我的意思是瀏覽器窗口，而不是DOM窗口。
2.我不想要一個jQuery的答案。
3.我真的不希望使用setInterval()方法 - 我在尋找某種事件監聽器類似document.addEventListener('browserFullScreen', doStuff())。瀏覽器FullScreen事件監聽器 - Javascript？

我知道，如果通過fullscreen API全屏可以檢測到DOM窗口 - 但這是真正的全屏 - 即F11。我需要一種方法來檢測用戶是否在屏幕上拖動瀏覽器窗口，然後將其「捕捉」到屏幕頂部，然後使瀏覽器窗口全屏顯示。

任何幫助將不勝感激。

來源

2017-04-20 hipkiss

什麼是這個你的使用情況？ – Don

誰downvoted？不酷。我正在調整對象的大小。 – hipkiss

我想採取一種方法是在調整大小時，瀏覽器的外部寬度和高度比較屏幕的寬度和高度，如果雙方的高度和寬度是相同的，分別則瀏覽器覆蓋整個屏幕。

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 
    } 
});

來源

2017-04-20 21:03:37 Don

如果將屏幕「捕捉」爲全屏，則不會觸發'resize'事件。 – hipkiss

嗯我明白你的意思，這是爲特定的操作系統？ – Don

理想的是跨瀏覽器。但至少鉻和火狐。你能確認我不會瘋狂嗎？我剛在本頁面的控制檯中嘗試過'window.addEventListener（'resize'，function（event）{console.log（event）}）'並觸發了它？我把窗口拖到屏幕的頂部，它全屏顯示，它工作？使用chrome。 – hipkiss

瀏覽器FullScreen事件監聽器 - Javascript？

回答

相關問題