javascript - 使用函数字面量的事件处理

Question

因此，我一直在深入了解 JavaScript，然后我来到了有关使用函数文字进行事件处理的部分。该书解释说，您可以将所有事件处理连接到“脚本”标签中。但是我对如何在一个事件中触发多个函数感到困惑。这是我的代码:

//Event Handling with Function Literals
  window.onload = function(evt) {

//THIS IS BROKEN
    document.body.onresize = resizeImg();reportImgHeight();

//Onload: Functions to Execute -- THESE WORK    
    resizeImg();
    reportImgHeight();
  }

所以特别是对于这个例子，我如何得到一个“onresize”事件来执行 resizeImg 和 reportImgHeight(我在我的代码的其他地方定义的函数)。谢谢!

Answer 1

最干净的解决方案是使用 addEventListener :

window.addEventListener('resize', resizeImg);
window.addEventListener('resize', reportImgHeight);

这样你就可以解耦两个绑定(bind)。

另请注意，您应该将 resize 事件绑定(bind)到窗口，而不是文档部分。