我总是看到人们将scroll
和resize
事件绑定到window
元素
如何将这些事件绑定到document
或document.documentElement
甚至document.body
元素?
有缺点吗?
答案 0 :(得分:1)
Resize事件仅由window元素支持,因此将其绑定到任何其他元素都不起作用。我希望能够处理任何元素的resize,但是没有要绑定的本机事件,因此当我需要处理resize时,我必须每隔XXX ms检查一次元素大小。
另一方面,scroll事件适用于任何可以滚动的元素。窗口和文档都可以滚动,看起来两者都以相同的方式工作。 < DIV>如果它是具有overflow:auto/scroll
样式的块元素并且其内容的大小大于容器的大小,则可以滚动任何其他元素。
有时你可以将滚动事件绑定到窗口并且什么都没有,因为滚动是在另一个元素中完成的;)
答案 1 :(得分:0)
主要有三个DOM对象:
每个DOM对象都拥有不同的属性和方法。因此,scroll和size属性是window对象而不是document对象。
因此,请将它们与窗口一起使用,而不是与文档一起使用。