javascript - matchMedia().addListener 标记为已弃用，addEventListener 等效？

Question

我正在使用 matchMedia().addListener在 Safari 中检测暗/亮模式主题首选项更改，但在 WebStorm 中使用 addListener被标记为已弃用，但只是说要引用文档以了解应该替换它的内容。
我已经阅读了 MDN 文档，但我不明白我应该在 addEventListener 中监听什么事件类型替换addListener ?

window.matchMedia("(prefers-color-scheme: dark)").addListener(() => this.checkNative());
window.matchMedia("(prefers-color-scheme: light)").addListener(() => this.checkNative());

Answer 1

来自文档 - https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/addListener

A function or function reference representing the callback function you want to run when the media query status changes.

应该是 change事件。 https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/onchange .

const mql = window.matchMedia("(prefers-color-scheme: dark)");

mql.addEventListener("change", () => {
    this.checkNative();
});