MediaQueryList: removeListener() Methode
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
Die removeListener()-Methode des
MediaQueryList-Interfaces entfernt einen Listener von dem
MediaQueryListener.
In älteren Browsern hat MediaQueryList noch nicht von EventTarget geerbt,
daher wurde diese Methode als Alias von EventTarget.removeEventListener() bereitgestellt.
Verwenden Sie removeEventListener() anstelle von removeListener(), wenn es
in den Browsern verfügbar ist, die Sie unterstützen müssen.
Syntax
js
removeListener(func)
Parameter
func-
Eine Funktion oder ein Funktionsverweis, der die zu entfernende Callback-Funktion darstellt.
Rückgabewert
Keiner (undefined).
Beispiele
js
const paragraph = document.querySelector("p");
const mediaQueryList = window.matchMedia("(width <= 600px)");
function screenTest(e) {
if (e.matches) {
/* the viewport is 600 pixels wide or less */
paragraph.textContent = "This is a narrow screen — 600px wide or less.";
document.body.style.backgroundColor = "pink";
} else {
/* the viewport is more than 600 pixels wide */
paragraph.textContent = "This is a wide screen — more than 600px wide.";
document.body.style.backgroundColor = "aquamarine";
}
}
mediaQueryList.addListener(screenTest);
// Later on, when it is no longer needed
mediaQueryList.removeListener(screenTest);
Spezifikationen
| Spezifikation |
|---|
| CSSOM View Module # dom-mediaquerylist-removelistener |