IE11やSafariでmatchMediaのaddEventListener('change' は効かない

developer.mozilla.org

matchmediaありますよね。上記を見てIE11も対応しているので油断していました。

window.matchMedia(`screen and (max-width: 768px)`).addEventListener('change', () => {
});

上記のようにmatchmediaの閾値を検出するのをaddEventListener('change'でやるとIE11やSafariで効きません。

developer.mozilla.org

なので、以下のようにすると動きます。

window.matchMedia(`screen and (max-width: 768px)`).addListener(() => {});

ただ本当はaddListenerは非推奨なのですよねー…困ったものです。どうしようもないのですが…

developer.mozilla.org