javascript - div が可視性から変わったときに Javascript 関数を呼び出す: 非表示

Question

div が「visibilty : hidden」から「visibility : none;」に変わったときに Javascript 関数を呼び出したい

また、div のこのスタイル プロパティを変更するスクリプトを制御できないことにも注意してください。私はこれに引っ掛かりたいだけです。可能性はありますか？またはなどのようにonFocus()？

UPDATE : JQuery やその他のフレームワークを使用したくありません。出来ますか？

Answer 1

propertychangeオブジェクトのプロパティを含む、要素のプロパティの変更に応答する IEのイベントがありstyleます。ただし、これは要素のオブジェクトに直接設定されたプロパティに対してのみ機能しstyle、要素のスタイルに間接的に影響する CSS の変更 (要素の親要素のクラスの変更など) には機能しません。他のブラウザーで DOMAttrModified を使用しても同様に機能し、同じ欠点があるため、これはうまくいかない場合があります。

Answer 2

mootools では、カスタム イベントを作成できます。ただし、次のようなことを行います。

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

そして、オブジェクトの可視性を切り替えるコードに、オブジェクトの「triggerMyEvent」メソッドへの呼び出しを追加します。