On the Properties of window object

 resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",

I checked the JS manual. There is no orientationchange property in the window object. Why can it be detected when the screen is rotated?

here is the source code:

(function(doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
        recalc = function() {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            if (clientWidth >= 640) {
                docEl.style.fontSize = "100px";
            } else {
                docEl.style.fontSize = 100 * (clientWidth / 640) + "px";
            }
        };

    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener("DOMContentLoaded", recalc, false);
    recalc();
})(document, window);
Aug.13,2021

instructions on MDN
not all browsers implement this attribute, resizeEvt = 'orientationchange' in window? 'orientationchange':' resize' ; listen for resize events when browsers don't support this event


I'm not sure what the "JS manual" you've been talking about is. However, orientationchange, or screen flipping events are usually hung under the Screen object, and the relevant screen flipping properties are Screen.orientation

.
Menu