ブラウザFullScreenイベントリスナー - Javascript？

Question

説明：
1.ブラウザのフルスクリーンでは、ブラウザウィンドウであり、DOMウィンドウではありません。
2.私はjQueryの回答を望んでいません。
3.実際に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 
    } 
});