javascript - 无法监听文档调整大小事件

标签 javascript resize document

我想在文档(正文)大小 更改时收听事件 这将由内部的任何东西引起 (但假设您不知道是什么元素导致了调整大小)

如下代码: http://jsfiddle.net/marstone/7zaRT/8/

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

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

任何解决方法?任何帮助表示赞赏。

最佳答案

如您所说,调整大小事件仅适用于 Windows 对象。您可以使用 jquery-resize plugin在 DOM 元素上添加调整大小事件,但建议他们实现轮询机制以跟踪元素的大小。因此,您必须始终将事件绑定(bind)到您想要观看的元素(委托(delegate)不起作用,因为没有真正的事件在 DOM 上冒泡)。

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

关于javascript - 无法监听文档调整大小事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9594981/

相关文章:

javascript - 匹配 couchdb 设计中的任何键

php 只能从文档根目录工作?

checkbox - UWP 中的数据网格复选框

javascript - 如何优化窗口调整大小和初始化时的图像自动调整

css - 加载和调整窗口大小时的媒体查询动态事件/禁用脚本

Javascript在底部,函数调用在主体?

javascript - d3 从 svg 元素中选择数据

javascript - Javascript 中具有泛型的高阶类?

php - 在 PHP 代码中使用正则表达式

css - 调整背景图像大小以适合 div