Javascript:将滚动或调整大小事件绑定(bind)到哪个元素更好？

Question

我总是看到人们将 scroll 和 resize 事件绑定(bind)到 window 元素

如何将这些事件绑定(bind)到 document 或 document.documentElement 甚至 document.body 元素？

有什么缺点吗？

Answer 1

Resize 事件仅由 window 元素支持，因此将它绑定(bind)到任何其他元素将不起作用。我希望能够处理任何元素的调整大小，但没有要绑定(bind)的 native 事件，因此当我需要处理调整大小时，我必须每隔 XXX 毫秒检查一次元素大小。

另一方面，滚动事件适用于任何可以滚动的元素。窗口和文档都可以滚动，看起来，两者的工作方式相同。

和任何其他元素都可以滚动，如果它是具有 overflow:auto/scroll 样式的 block 元素并且其内容的大小大于容器的大小。

有时你可以将滚动事件绑定(bind)到窗口但什么也得不到，因为滚动是在另一个元素中完成的;)

关于Javascript:将滚动或调整大小事件绑定(bind)到哪个元素更好？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23234513/