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:
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
Loading…