IE11忽略了javascript matchMedia事件监听器

时间:2015-03-29 07:10:06

标签: javascript responsive-design event-handling internet-explorer-11

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

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

该代码适用于除IE11之外的所有浏览器,IE11忽略它。 http://caniuse.com网站说IE11支持window.matchMedia功能。是什么给了什么?

1 个答案:

答案 0 :(得分:2)

我将原始代码从某个网站上删除,但它是一种速记方法,IE11无法将其识别为有效代码。

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

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

我从Mozilla网站获得了原始代码:https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia。小心!