javascript - 如何知道 DOM 元素何时移动或调整大小

标签 javascript jquery dom-events

我想知道是否有一个 DOM 事件需要监听,它会告诉我 DOM 元素何时在页面上移动、重新定位或调整大小。我不是在谈论被拖/放的元素。一个例子是,如果页面上有一个包含三个项目的列表,并且我使用 JS 从页面中删除前两个列表项目之一(或隐藏它或其他),我想附加一个处理程序以在以下情况下运行:第三个列表项在页面中向上移动。

我正在使用 jQuery,因此简单的 javascript 或 jQuery 答案是可以接受的。

也许元素级别没有移动/位置/调整大小事件,所以如果有页面/文档级别事件会告诉我页面已重新绘制,我可以检查是否需要再次调用函数?

背景

我在一个元素上放置了一个透明的 div,同时调用 Web 服务来删除该元素。因为我需要绝对定位覆盖 div,所以我希望它跟踪它最初覆盖的元素。实际上将其锚定到基本元素。

最佳答案

我认为这个解决方案在这么长时间后不再相关,但是有一个基于上溢和下溢事件的优秀跨浏览器解决方案 here

To enable our resize listening magic, we inject an object element into the target element, set a list of special styles to hide it from view, and monitor it for resize – it acts as a trigger for alerting us when the target element parent is resized.

<object>元素的内容有一个原生 resize事件,就像一个窗口。

关于javascript - 如何知道 DOM 元素何时移动或调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3444719/

相关文章:

javascript - 有没有一种简单的方法可以阻止光标在 div contenteditable 中移动,即使使用 JavaScript 添加文本?

javascript - 在将按键事件应用于 DOM 之前,如何确定在按键事件之后的值是什么?

javascript - 如何从单个请求的 AJAX 调用中删除 header ?

javascript - 动态添加的div在调用时不起作用

javascript - Safari 扩展 : Event for a completely new tab?

javascript - 我正在尝试将上一个和下一个箭头添加到此内容 slider

javascript - jQuery Accordion 如何获取事件标题的选择按钮

javascript - 在 JavaScript 中检测按键序列

javascript - 添加变量而不是用 jquery 每个连接

javascript - 事件监听器未触发