MediaQueryList: removeListener() ã¡ã½ãã
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
removeListener() 㯠MediaQueryList ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ã¡ã½ããã§ã MediaQueryListener ãããªã¹ãã¼ãé¤å»ãã¾ãã
å¤ããã©ã¦ã¶ã¼ã§ã¯ã MediaQueryList ã¯ã¾ã EventTarget ãç¶æ¿ãã¦ããªãã£ãããããã®ã¡ã½ãã㯠EventTarget.removeEventListener() ã®å¥åã¨ãã¦æä¾ããã¾ããã対å¿ããå¿
è¦ããããã©ã¦ã¶ã¼ã§å©ç¨ã§ããå ´åã¯ã removeListener() ã®ä»£ããã« removeEventListener() ã使ç¨ãã¦ãã ããã
æ§æ
js
removeListener(func)
å¼æ°
func-
é¤å»ãããã³ã¼ã«ããã¯é¢æ°ã表ãé¢æ°ã¾ãã¯é¢æ°ã¸ã®åç §ã
è¿å¤
ãªã (undefined)ã
ä¾
js
const paragraph = document.querySelector("p");
const mediaQueryList = window.matchMedia("(max-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);
ä»æ§æ¸
| ä»æ§æ¸ |
|---|
| CSSOM View Module # dom-mediaquerylist-removelistener |