如何通过 JavaScript 向 body 元素添加事件监听器？

Question

如何通过 [=37= 将 onload 事件侦听器添加到 HTML 文档中的 <body> 元素（或其他一些合适的近顶层元素） ]?

我想实现与此相同的行为：

<body onresize="handleResize();">
   ...
</body>

（即，当页面调整大小时，函数应该运行）

但是我想像这样JavaScript添加事件监听器

(function() {
  //effectively private because it's in the closure
  function handleResize() {
    //do stuff here
  }
  element.addEventListener("resize",handleResize);
})(); //IIFE

我遇到的问题是我不知道如何获取适当的元素来附加事件。

我试过这个：

document.documentElement.addEventListener("resize",handleResize);

还有这个：

document.body.addEventListener("resize",handleResize);

但在这两种情况下，handleResize 函数都不会被调用。

如何访问适当的顶级或接近顶级的元素？

Answer 1

使用 window 元素。

window.addEventListener("resize",handleResize,0);

如何通过 JavaScript 向 body 元素添加事件监听器？

How to add event listener to body element via JavaScript?

javascript

dom