观察 HTMLElement 的 offsetParent

Ant*_*ell 6 html javascript callback

我试图观察 div 的“offsetParent”属性的变化,但我似乎无法让它工作。

基本上我的目标是在 offsetParent 不为空之后执行一个函数。

this.element.callFunctionWhenOffsetParentChanges( _ => {
    if(this.element.offsetParent){
        this.doSomething();
    }
});
Run Code Online (Sandbox Code Playgroud)

我尝试使用这样的 MutationObserver:

const observer = MutationObserver( _ => {
    if(this.element.offsetParent){
         this.doSomething();
    }
});
observer.observe(this.element, {attributeFilter: ['offsetParent']})
Run Code Online (Sandbox Code Playgroud)

但它不会在 offsetParent 设置时触发(例如,当元素真正可见时)。

如果有必要,我可以发布更多代码,但也许我只是在 MutationObserver 中遗漏了一些东西,或者有另一种方法可以对设置的 offsetParent 做出反应。

在此先感谢您的帮助!