MediaQueryList: thuộc tính matches
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính chỉ đọc matches của giao diện MediaQueryList là một giá trị boolean trả về true nếu document hiện tại khớp với danh sách media query, hoặc false nếu không.
Bạn có thể được thông báo khi giá trị của matches thay đổi bằng cách theo dõi sự kiện change được kích hoạt trên MediaQueryList.
Giá trị
Một giá trị boolean là true nếu document hiện tại khớp với danh sách media query; nếu không thì là false.
Ví dụ
Ví dụ này phát hiện các thay đổi hướng viewport bằng cách tạo ra media query sử dụng tính năng media orientation:
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");
}
});
Thông số kỹ thuật
| Specification |
|---|
| CSSOM View Module # dom-mediaquerylist-matches |