MediaQueryList: Methode removeListener()
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
Die removeListener()-Methode der
MediaQueryList-Schnittstelle entfernt einen Listener aus dem
MediaQueryListener.
In älteren Browsern hatte 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 von Ihnen zu unterstützenden Browsern verfügbar ist.
Syntax
js
removeListener(func)
Parameter
func-
Eine Funktion oder Funktionsreferenz, die die Callback-Funktion darstellt, die Sie entfernen möchten.
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 |