【问题标题】：onresize does not workonresize 不起作用
【发布时间】：2014-12-09 11:41:40
【问题描述】：

我正在做一个响应式网站，然后我正在使用：

window.addEventListener("resize", function(){
   if(window.innerWidth < 768){
      //execute some code
   }
   else{
      //execute some code
   }
});

当我的导航器处于全宽状态并单击“向下还原”按钮时，窗口的宽度将调整为小于 768，addEventListener("resize") 内部的代码不起作用。下面的这些图像显示了这种“调整大小”的情况。我的代码仅在我使用鼠标指针调整窗口大小时才有效。

这种情况有什么解决办法吗？

【问题讨论】：

它在 Chrome 中为我工作：jsfiddle.net/lharby/xx6eb7gb
谢谢。问题可能是我正在使用的某个框架。
嗯，很难说，如果你能做一个小提琴，你可以包含其他 js 文件/框架，如果它们托管在某个地方（cdn 等）。
抱歉，我不能 =( 我非常想这样做，但我无法显示我的代码，而且由于我使用的是 Drupal，所以很难重现该问题。
我想知道你是否看到另一个 js 错误导致调整大小功能停止运行。

标签： javascript onresize

【解决方案1】：

onresize 不会与 attachEvent 或 addEventListener 一起触发。您必须将回调直接附加到 window.onresize。

语法

window.onresize = funcRef;

示例

window.onresize = resize;

function resize() {
    alert("resize event detected!");
}

【讨论】：

【解决方案2】：

试试 window.onresize 事件。

window.onresize = function ResizeApp()
{
  if(window.innerWidth < 768)
  {
    //execute some code
  }
  else
  {
    //execute some code
  }
}

【讨论】：