DOM 元素布局更改事件

Posted

技术标签:

【中文标题】DOM 元素布局更改事件【英文标题】:DOM Element Layout Changed Event 【发布时间】:2011-07-27 13:53:22 【问题描述】:

我想知道当元素需要重新布局时是否会触发一个特殊的 DOM 事件。

在我的用例中,我想在图像上显示一个“删除按钮”。但是,图像的位置不是固定的,一旦图像移动,我需要更新按钮的位置。对于调整大小,有一些 jQuery 插件,但我还没有找到如何监听布局更改的信息。

提前非常感谢!

【问题讨论】:

首先是什么导致图像移动。也为“重新布局”+1 :-) hm,它是一个图像“文件夹”,每当我插入新图像时,其他图像可能需要“重新布局”(抱歉,必须再做一次)。跨度> 所以,我可以听“add”事件……但我想知道是否有更多元素事件驱动的解决方案。 【参考方案1】:

据我所知,没有 DOM 事件,但一种方法是向 setInterval 提供一个函数,以保持轮询元素的位置,并在它发生变化时采取行动。

【讨论】:

是的,但是你又面临着“速度”与“准确度”的老平衡问题。我最终得到了一个解决方案,其中负责重新布局的实际事件触发了其他元素可以监听的另一个特殊事件。谢谢!

以上是关于DOM 元素布局更改事件的主要内容,如果未能解决你的问题,请参考以下文章

为啥 jQuery.val(value) 不会从 DOM 元素中分派任何事件?

Cef Browser Wpf 探索 dom,查找元素并更改值

更改DOM后刷新浏览器悬停效果

shadow dom - 知道 dom 何时渲染/更改

是否有任何“关于 DOM 更改”事件? [复制]

在Javascript中禁用dom更改事件?