javascript - onresize 不起作用

Question

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

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

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

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

Answer 1

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

句法

window.onresize = funcRef;

例子

window.onresize = resize;

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

Answer 2

试试窗户。onresize事件。

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