Javascript 无法侦听文档大小调整事件

Javascript 无法侦听文档大小调整事件,javascript,resize,document,Javascript,Resize,Document,每当文档(正文)大小更改时,我都要收听事件 里面的任何东西都会导致 (但假设您不知道是什么元素导致了调整大小) 代码如下: 可以单击绿色区域更改div大小,然后调整document.body的大小。 但是,onresize事件不会被激发 我发现它只在窗口调整大小时起作用,例如拖动/最大化浏览器窗口 有解决办法吗?感谢您的帮助。如您所说,调整大小事件仅在windows对象上可用。可以使用添加DOM元素上的调整大小事件,但建议它们实现轮询机制以跟踪元素的大小。因此,必须始终将事件绑定到要监视的元素

每当文档(正文)大小更改时,我都要收听事件 里面的任何东西都会导致 (但假设您不知道是什么元素导致了调整大小)

代码如下:

可以单击绿色区域更改div大小,然后调整document.body的大小。 但是,onresize事件不会被激发

我发现它只在窗口调整大小时起作用,例如拖动/最大化浏览器窗口


有解决办法吗?感谢您的帮助。

如您所说,调整大小事件仅在windows对象上可用。可以使用添加DOM元素上的调整大小事件,但建议它们实现轮询机制以跟踪元素的大小。因此,必须始终将事件绑定到要监视的元素(委托不起作用,因为DOM上没有实际事件冒泡)


到目前为止,我已经使用了该插件几次,没有任何问题。我不知道其他插件是否实现了同样的机制,但我可以肯定的是,它们都依赖于与此相同的轮询机制。

这应该可以做到:

$(document).bind('DOMSubtreeModified', function(e) {
alert("Bazinga!");
console.log(e);
​});​
然而,请注意,它往往会发出过多的声音,但我将把它留给您来考虑如何将其应用到您的应用程序中


谢谢!但是由于某些原因,我的项目不能使用jquery。我会自己实现这个机制。我想找到一些轻量级的解决方案IE中唯一的方法是一种粗糙的方法:你不断地轮询你的
DOM
来检查更改。您可以通过破解此漏洞来检测视口大小的变化。尝试试用滚动条及其相对位置的变化。哦,如果这个答案有帮助,请将其标记为已接受:)