MediaQueryListEvent.media
The media
read-only property of the
MediaQueryListEvent
interface is a DOMString
representing
a serialized media query.
Value
A DOMString
representing a serialized media query.
Examples
var mql = window.matchMedia('(max-width: 600px)');
function screenTest(e) {
if (e.matches) {
/* the viewport is 600 pixels wide or less */
para.textContent = 'This is a narrow screen — less than 600px wide.';
document.body.style.backgroundColor = 'red';
} else {
/* the viewport is more than 600 pixels wide */
para.textContent = 'This is a wide screen — more than 600px wide.';
document.body.style.backgroundColor = 'blue';
}
console.log(e.media);
}
mql.addListener(screenTest);
Specifications
Specification |
---|
CSSOM View Module # dom-mediaquerylistevent-media |
Browser compatibility
BCD tables only load in the browser