IE11 忽略 javascript matchMedia 事件侦听器

Question

我正在使用以下 Javascript 代码来捕获视口宽度的变化，然后在视口超过最小阈值时添加一个事件侦听器。

 var y=window.matchMedia("(min-width: 500px)");
 y.addListener(changeWidth);
 changeWidth(y);

该代码适用于除 IE11 之外的所有浏览器，IE11 会忽略它。 http://caniuse.com 站点表示 IE11 支持 window.matchMedia 功能。给出了什么？

Answer 1

我从某个网站上提取了一段原始代码，但这是一个 shorthand 方法，IE11 无法将其识别为有效代码。

所有浏览器的正确代码是：

 var y=window.matchMedia("screen and (min-width: 500px)");
 y.addListener(changeWidth);
 changeWidth(y);

IE11 ignores javascript matchMedia event listener