window.onresize事件函数执行[open]

Question

我想更改视口尺寸更改的div大小。但以下不起作用。为什么呢？

function changeDivDimensions() {

code...

}

window.onresize = changeDivDimensions();

Answer 1

您需要使用以下代码。

window.onresize=changeDivDimensions;

请注意，函数名后面没有括号。

编辑：解释。

如果使用此表单调用该函数＆＃34; changeDivDimensions（）＆＃34;，它将在页面加载时执行。但是，通过使用表单＆＃34; changeDivDimensions＆＃34;调用该函数，它将该函数分配给onresize事件，该事件在窗口调整大小时执行。

Answer 2

试试这个（在Juhana的评论之后编辑）：

function changeDivDimensions() {
    //code...
}

window.onresize = changeDivDimensions;

New Fiddle Demo

Answer 3

试试这个：

window.onresize = function(){
    changeDivDimensions();
};

Working Example

  

window.onresize用于添加事件侦听器和事件   侦听器总是作为方法添加