青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

matchMedia addListener addEventListener JavaScript

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

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

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

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

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

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