Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

MediaQueryList: matches-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

Die schreibgeschützte matches-Eigenschaft des MediaQueryList-Interfaces ist ein boolescher Wert, der true zurückgibt, wenn das document derzeit mit der Medienabfrageliste übereinstimmt, oder false, wenn nicht.

Sie können benachrichtigt werden, wenn sich der Wert von matches ändert, indem Sie das change-Ereignis am MediaQueryList beobachten.

Wert

Ein boolescher Wert, der true ist, wenn das document derzeit mit der Medienabfrageliste übereinstimmt; andernfalls ist es false.

Beispiele

Dieses Beispiel erkennt Änderungen der Ansichtsfensterorientierung, indem es eine Medienabfrage mit dem orientation-Medienmerkmal erstellt:

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

Spezifikationen

Specification
CSSOM View Module
# dom-mediaquerylist-matches

Browser-Kompatibilität

Siehe auch