javascript - javascriptでinnerHTMLの変更を傍受する方法は?

Question

Web ページ内のセルのコンテンツの変更をインターセプトする必要があります。

次のコードは、addEventListener が機能しないことを示しています。

function modifyText() {
alert("!");
}

var el=document.getElementById("mycell");
el.innerHTML="a"
el.addEventListener("change", modifyText, false); 
// After next instruction I expect an alert message but it does not appear...
el.innerHTML="Z";

コードは単なるおもちゃの例です。私の実際のケースでは、ページの変更 (したがってセルの変更も) は、私が制御できない webapp によって行われます。

Answer 1

そのように DOM 要素をリッスンすることはできませんchange。changeイベントは主inputに

これに役立つ新しい DOM 3 イベントが他にもいくつかあります。

ここにいくつかあります：

DOMCharacterDataModified //ドラフト

DOMSubtreeModified

Answer 2

これはDOMの変更を検出/監視する最も効率的な方法ですか? ヘルプ？

100% クロス ブラウザー ソリューションはないようです。回避策の 1 つは、対象の要素をポーリングして、innerHTML.length が変化するかどうかを確認することです。