Вызов функции Javascript, когда div поворачивается от видимости: скрыто

Question

Я хочу вызвать функцию javascript, когда div повернут с «visibilty: hidden» на «visibility: none»;

Также обратите внимание, что у меня нет контроля над скриптом, который превращает это свойство стиля в div. Я просто хочу втянуться в это. Любые возможности? Или как onFocus() и т. Д.?

UPDATE: Я не хочу использовать 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 в других браузерах будет работать аналогично и имеет те же недостатки, поэтому это может оказаться непрактичным для вас.