Javascript:绑定滚动或调整大小事件哪个元素更好?

时间:2014-04-23 04:03:01

标签: javascript dom

我总是看到人们将scrollresize事件绑定到window元素

如何将这些事件绑定到documentdocument.documentElement甚至document.body元素?

有缺点吗?

2 个答案:

答案 0 :(得分:1)

Resize事件仅由window元素支持,因此将其绑定到任何其他元素都不起作用。我希望能够处理任何元素的resize,但是没有要绑定的本机事件,因此当我需要处理resize时,我必须每隔XXX ms检查一次元素大小。

另一方面,scroll事件适用于任何可以滚动的元素。窗口和文档都可以滚动,看起来两者都以相同的方式工作。 < DIV>如果它是具有overflow:auto/scroll样式的块元素并且其内容的大小大于容器的大小,则可以滚动任何其他元素。

有时你可以将滚动事件绑定到窗口并且什么都没有,因为滚动是在另一个元素中完成的;)

答案 1 :(得分:0)

主要有三个DOM对象:

  • 窗口
  • 文档
  • 元素

每个DOM对象都拥有不同的属性和方法。因此,scroll和size属性是window对象而不是document对象。

因此,请将它们与窗口一起使用,而不是与文档一起使用。