resize监听div的size变化

最新推荐文章于 2023-05-12 12:58:02 发布

weixin_30505751

最新推荐文章于 2023-05-12 12:58:02 发布

阅读量595

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/52wxb1314/p/10971591.html

本文介绍了一种在不同浏览器中监听div元素尺寸变化的方法。对于IE9-10，可以直接使用attachEvent方法；而对于其他浏览器，则需通过在div内添加一个object元素并监听其contentDocument的resize事件来实现。此技巧确保了跨浏览器的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

具体实现分两类，

ie9-10

　　　　默认支持div的resize事件，可以直接通过div.attachEvent('onresize', handler);的方式实现

其它浏览器

　　　　通过在div中添加一个内置object元素实现监听。
　　　　设置object元素的style使其填充满div，这样当div的size发生变化时，object的size也会发生变化。
　　　　然后监听object元素的contentDocument.defaultView(window对象)的resize事件。

转载于:https://www.cnblogs.com/52wxb1314/p/10971591.html