DOM 構造変化時のイベント処理

不特定サイト向けに設計する JavaScript は jQuery 等の便利ライブラリ環境を前提とすることが難しく、従って素の JavaScript で書く事が多い。このような状況での互換性問題は難しさ一つでもある。 今回は動的に追加された要素へイベントハンドラを設定する方法 (jQuery で言うところの on() の振り替え手段) と古い IE への対応方法について調べている。単純に考えて DOM に新しいノードが追加された時にイベントハンドラを設定してやれば良いのだが、これまた古い IE では W3C DOM Events 仕様だけでは難しいようだ。 W3C DOM Events を使用する DOM の構造変化を検出する方法としては W3C DOM4 仕様の MutationObserver を使った方法と DOM Level3 Events 仕様の "DOMNodeInserted

[k-holy]

ありがたやー