javascript - onresize 不起作用

Question

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

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

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

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

Answer 1

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

语法

window.onresize = funcRef;

例子

window.onresize = resize;

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