TAG
JavaScript
Result
Run
License
<h1>Please resize to window.</h1> <button type="button" id="btn-remove">Delete Listener</button>
window.addEventListener("load", function() { var mql = window.matchMedia("(max-width: 600px)"); mql.addListener(responsive); var evtChange = new Event("change"); mql.dispatchEvent(evtChange); document.querySelector("#btn-remove").onclick = function() { mql.removeListener(responsive); console.log("Delete to listener!"); }; }); function responsive(e) { if (e.matches) { document.body.style.backgroundColor = "#FFFF00"; } else { document.body.style.backgroundColor = "#00FF00"; } }
Console
expand_less
License
License
by DevDic
Close