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 dies nicht der Fall ist.
Sie können benachrichtigt werden, wenn sich der Wert von matches ändert, indem Sie auf das change-Ereignis lauschen, das bei der MediaQueryList ausgelöst wird.
Wert
Ein boolescher Wert, der true ist, wenn das document derzeit mit der Medienabfrageliste übereinstimmt; andernfalls ist er false.
Beispiele
Dieses Beispiel erkennt Änderungen in der Ausrichtung des Ansichtsfensters, indem eine Medienabfrage mit dem orientation-Medienmerkmal erstellt 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");
}
});
Spezifikationen
| Specification |
|---|
| CSSOM View Module # dom-mediaquerylist-matches |