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

【问题标题】：Call Javascript function when a div turns from visibility : hidden当 div 从可见性转变时调用 Javascript 函数：隐藏
【发布时间】：2010-11-30 16:17:43
【问题描述】：

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

另请注意，我无法控制转换 div 的此样式属性的脚本。我只想沉迷于此。有什么可能吗？或者像onFocus() 等？

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

【问题讨论】：

复制：stackoverflow.com/questions/941113/…
再次复制：stackoverflow.com/questions/1397251/…
ps 你的答案在之前提出的问题中。
对不起，我没有提到我不想使用 JQuery 或其他框架。我会更新我的问题
@Xinxua：看看这些问题的答案，而不仅仅是标题。 他们不使用 jQuery.

标签： javascript html dom-events visibility onfocus

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：