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

我正在使用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());

最佳答案

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



应该是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();
});