javascript - window.matchMedia 在 Safari 中不起作用

Question

为什么以下代码在 Safari 中不起作用？

window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
 console.log('theme changed');
});

Answer 1

如前所述here on caniuse.com和 here on mozilla.org , MediaQueryList.addEventListener在 Safari 和 IE 中不起作用，但是您可以使用 MediaQueryList.addListener :

Older browsers should use addListener instead of addEventListener since MediaQueryList only inherits from EventTarget in newer browsers. [source]