JavaScript调整大小事件不起作用 [英] javascript resize event not working

问题描述

  window.addEventListener（'load'，setSize（） ，假）; 
 window.addEventListener（'resize'，setSize（），false）; 
 
函数setSize（）{
 width = window.innerWidth; 
 console.log（width）; 
} 
  

它在加载后立即记录宽度，但是当我调整大小。

解决方案

  window.addEventListener（'load'，setSize（），false ）; 
 window.addEventListener（'resize'，setSize（），false）; 
  

应该是：

  window.addEventListener（'load'，setSize，false）; 
 window.addEventListener（'resize'，setSize，false）; 
  

代替执行函数，我们需要传递一个引用。

I don't know why this doesn't work:

window.addEventListener('load', setSize(), false);
window.addEventListener('resize', setSize(), false);

function setSize(){
    width = window.innerWidth;
    console.log(width);
}

It logs the width right after load, but it doesn't do that when I resize.

解决方案

window.addEventListener('load', setSize(), false);
window.addEventListener('resize', setSize(), false);

should be:

window.addEventListener('load', setSize, false);
window.addEventListener('resize', setSize, false);

Instead of executing the function, we need to pass a reference to it.

这篇关于JavaScript调整大小事件不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！