javascript - 当 div 从可见性转变时调用 Javascript 函数：隐藏

Question

当 div 从“可见性：隐藏”变为“可见性：无”时，我想调用 Javascript 函数

另请注意，我无法控制转换 div 的此样式属性的脚本。我只想沉迷于此。有什么可能吗？还是喜欢之类的onFocus()？

更新：我不想使用 JQuery 或其他框架。可能吗？

Answer 1

IE 中的propertychange事件响应元素属性的变化，包括其style对象的属性。但是，这仅适用于直接在元素style对象上设置的属性，不适用于间接影响元素样式的 CSS 更改（例如更改元素父元素的类）。在其他浏览器中使用 DOMAttrModified 会产生类似的效果并且具有相同的缺点，因此这可能对您不适用。

Answer 2

在 mootools 中，您可以创建自定义事件。但是，我会做这样的事情：

document.getElementById('foo').triggerMyEvent = function() {
  if (this.style.visibility == 'hidden') {
    // do something
  } else {
    // do something else
  }
}

并在切换对象可见性的任何代码中添加对对象的“triggerMyEvent”方法的调用。