MediaQueryList: matches Eigenschaft

Die matches Nur-Lese-Eigenschaft der MediaQueryList Schnittstelle ist ein boolescher Wert, der true zurückgibt, wenn das document derzeit der Media-Query-Liste entspricht, oder false, wenn nicht.

Sie können benachrichtigt werden, wenn sich der Wert von matches ändert, indem Sie auf das change Ereignis achten, das bei der MediaQueryList ausgelöst wird.

const mql = window.matchMedia("(orientation:landscape)");
mql.addEventListener("change", (event) => {
  if (event.matches) {
    console.log("Now in landscape orientation");
  } else {
    console.log("Now in portrait orientation");
  }
});