問題タブ [mutation-events]

このコードはFirefoxで完全に機能しています。

しかし、Chromeでは機能しません。myDiv に何かが起こるたびにイベントがトリガーされるようにします。（削除、CSSの変更、すべて）。

回避策はありますか？

通常の DOM 変更 (Web ページ自体による) と異常な DOM 変更 (攻撃者による) をどのように区別しますか?

javascriptのミューテーションイベントで仕方がありませんでした。出来ますか？

HTML5 詳細ノードの状態の変化を検出するイベント リスナーを追加しようとしています。

詳細ノードがこれらのリスナーを持つことは論理的に理にかなっているので、最初はリスナーをopenイベントとcloseイベントにアタッチしようとしましたが、そうではなく、html5仕様でそれらについて言及されていません。

詳細を開閉する方法はopen属性を追加/削除することであることがhtml5仕様（およびInspect Elementが確認）であるため、（Google Chromeで）changeイベントを試しました。属性を取得/失うノードが変更イベントをトリガーすることを期待していましたが、明らかにそうではありません。

詳細ノードの状態の変化からスクリプト アクションをトリガーするにはどうすればよいでしょうか。

DOM変更イベントを検出する方法はありますか？テキストの置換、ノードの移動、新しいノードの削除または追加などです。

こんにちは、次のリンクで提案されているように、どのイベントがトリガーされるかを確認しようとしています。しかし、アラートが表示されません。何が問題なのですか?

DOMAttrModifiedについて質問があります。HTML要素のプロパティにどの変更を加えるとDOMAttrModifiedイベントがトリガーされますか（特にFirefoxに関心がありますが、他のブラウザーに適用される回答でも十分な場合があります）。

私は次のテストケースを持っています：

elem.valueをelem.defaultValueに変更すると、DOMAttrModifiedがトリガーされます。どこかに包括的なリストがありますか？これまでのところ、HTMLInputElementの「value」と「checked」およびHTMLOptionElementの「selected」プロパティがDOMAttrModifiedをトリガーしていないことがわかりました。他にありますか？

'value'も属性であるため、 DOMAttrModifiedの視覚的属性での答えは完全には正しくないようです。

ありがとう、Sunil

いくつか質問があります (Firefox に関連する回答に興味がありますが、他のブラウザーのコンテキストでの回答も受け入れられる可能性があります)。

1. DOM Mutation イベントは、メイン ドキュメントから切断されたノード、つまり切断されたノードに対して発生しますか? Mozilla バグの 1 つに存在する情報によると、答えはイエスのようです。誰かが私にいくつかの例を教えてもらえますか?

2. ノードが切断されているかどうかを確認する最も簡単な方法は何ですか? 単純なアプローチは、null またはドキュメントに到達するまで (node.parentNode を使用して) ずっと歩きます。もっと速いものはありますか？

3. Firefox は Webkit の「マジック iframe」機能をサポートしていますか? そうでない場合、そのコードが Firefox で実行されるとどうなりますか?

4. ＃3に関連して、iframeがドキュメントから切断されている間も読み込みを続けることは可能ですか? つまり、メイン ドキュメントに接続され、読み込みが開始され、(adoptNode() を使用して) 別のドキュメントに移動されましたが、新しいドキュメントの親ノードには追加されませんでした。iframe の読み込みは続行されますか?

前もってありがとう、スニル

Twitter 投稿のキーワードを変更する Greasemonkey スクリプトを作成しようとしています。問題は、コンテンツが「読み込みが遅い」ことであり、ユーザーの要求に応じて追加されます。

追加した要素にイベント リスナーを追加する場合は、JQuery のdelegate(). ロード時にコンテンツを変更したいだけなので、これは適切ではないようです。

Mutation Events はその条件に合っているようです。これらは Gecko 固有のものですが、Greasemonkey スクリプトではあまり問題になりません。問題は、それらが減価償却されており、一連の非常に正当な理由があることです。

もちろん、タイマーを使用して定期的に DOM をポーリングすることもできますが、これは厄介なようです。

DOM への追加を検出し、挿入された要素に対応するにはどうすればよいですか?

私はFacebook用のChrome拡張機能（私の4番目の質問かそこら...）を開発しています。これは「いいね」ボタンの横にカスタムボタンを追加します。投稿はページを更新せずにニュースフィードに自動的に追加されるため、新しい投稿が追加されるたびにスクリプトを追加する必要があります。

そして、私はDOMNodeInsertedイベントを使用します。

問題は、イベントが呼び出されたときに、ページに新しい要素（ボタン）を挿入すると、ループが発生することです。

私のスクリプト：

ここで私の前の質問を見ることができます

私は質問をするのにうんざりしているので、どんな答え/コメントでも本当に感謝します！

ページ内のすべての要素にクラスを挿入するクロム プラグインを開発しています。しかし、facebook や twitter などのページには動的に読み込まれるコンテンツがあるため、このコードを使用して、このコンテンツがいつ読み込まれるかを確認します。

問題は、この方法では、ノードが挿入されるたびにスクリプトが起動されることです。したがって、何らかの制限を追加したいと思います。のようなもの: ノードが挿入されたら、スクリプトを起動し、2 秒待ちます。

私はこのようなことを試みていますが、成功しません:

ありがとう