当div从visibility：hidden转向时调用Javascript函数

Question

当div从“visibilty：hidden”转为“visibility：none;”时，我想调用javascript函数。

另请注意，我无法控制转换div的此样式属性的脚本。我只是想加入这个。任何可能性？或者像onFocus（）等？

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

Answer 1

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

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

并且无论代码切换对象的可见性，都可以调用对象的'triggerMyEvent'方法。

Answer 2

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