docs: better handling for not supported

w3c · Aug 9, 2023 · 7534ec9 · 7534ec9
1 parent cdac12c
commit 7534ec9
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -157,12 +157,16 @@ <h1>Screen Orientation Lock API Demo</h1>
         renderUpdate();
       };
 
-      // use a media query to detect orientation change
-      if (!screen.orientation) {
+      if (screen.orientation) {
+        log("Using screen.orientation to handle events.");
+        screen.orientation?.addEventListener("change", handleOrientationChange);
+      } else if("onorientationchange" in window) {
+        log("Using legacy window's orientationchange to handle events.");
+        window.addEventListener("orientationchange", handleOrientationChange);
+      } else {
+        log("Using media query to handle orientation changes.");
         const orientationQuery = window.matchMedia("(orientation: landscape)");
         orientationQuery.addEventListener("change", handleOrientationChange);
-      } else {
-          screen.orientation?.addEventListener("change", handleOrientationChange);
       }
 
       document.addEventListener("fullscreenchange", handleFullscreen);