問題タブ [mutation-observers]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Mutation Observers を使用して DOM 要素をブラックリストに登録する
Chrome で Mutation Observers を使用して、ドキュメント全体の DOM の変更を監視したいと考えています。ただし、特定の要素を特定の要素でブラックリストに登録したいと思いid
ます。これを行う方法はありますか?
javascript - DOMNodeRemoved イベントから削除された要素のノード位置を取得する方法
DOMNodeRemoved イベントから削除されたノードのドキュメント位置を特定しようとしています。ただし、これは削除される要素であるため、ノードは以前の Sibling 要素を保持しなくなります。削除されたノードの位置を特定する方法はありますか?
google-chrome - MutationRecord.oldValue は使用すべきものですか?
Windows 7 で最新の Google Chrome 安定版 (19.0.1084.56 m) を使用しており、Mutation オブザーバーを初めて試しています。(このプロジェクトは、サード パーティの Web サイトのユーザー スクリプトであり、そのサーバーにはアクセスできません。)
MutationRecord
したがって、フィールドがあることが起こりますoldValue
:
record . oldValue
戻り値は に依存し
type
ます。"attributes
" については、変更前の変更された属性の値です。「characterData
」については、変更前の変更ノードのデータです。"childList
" の場合は null です。
だから私はへの変更を監視していますが、フィールドcharacterData
を取得すると常にnullになります。MutationRecord
oldValue
それは機能しているはずですか、何か間違っている可能性はありますか、それともこの機能はまだ動作することを期待するには最先端すぎますか?
これが実装されているかどうか、またはいつ実装されるかを宣言する可能性のある Google のドキュメント、バグ レポート、機能リクエストなどを見つけることができる場所はありますか?
javascript - テキストエリアの値の変更を検出する突然変異オブザーバーを取得するにはどうすればよいですか?
Google Chrome 開発者ツールなどを使用して変更されたときに、dom のプロパティを取得するために使用されるミューテーション オブザーバーを見てきました。textarea
ただし、ユーザーの入力または貼り付けによって 内のテキストが変更されたときに関数を呼び出す方法を見つけることができません。私のコードでは、すべての監視オプションが true に設定されていても、ユーザーが入力してもコールバックは呼び出されません。これのコードは何ですか?
javascript - HTML要素が消えたかどうかを検出するためにjQueryを使用する方法は?
ユーザースクリプトでは、 を使用して要素の変更を多く検出しますwaitForKeyElements()
。ただし、変更時に確実
に起動しない特定の例に遭遇しました。
私のユーザースクリプトは、次のように内部スパンを挿入するように調整されます。waitForKeyElements
theirID
次に、サイトはこのコードを変更して内部スパンを消去し、次のようにします。
何らかの理由で、場合によっては、waitForKeyElements
その変更でトリガーされないことがあります。外側のスパン、内側のスパン、外側のスパンの親、その親などの変更を検出しようとしました。
だから私は今、検出する他の方法があるかどうか疑問に思っています。たとえば、要素 w/ myclass2
(内部スパン) が消えたかどうかなどです 世論調査はできる$('.myclass2').length
と思いますが、ドキュメントのどこから消えたのかわかりません。行方不明になったアイテムを保持していた特定の親を知っているのが理想的です。
何か案は?
jquery - jQueryセレクターをDOMミューテーションオブザーバーで使用できますか?
HTML5には、ブラウザーのDOMへの変更を監視するための「ミューテーションオブザーバー」の概念が含まれています。
オブザーバーコールバックには、DOMツリースニペットによく似たデータが渡されます。それらが正確にこれであるかどうか、またはそれらが実際にどのように機能するかはわかりません。
ただし、GreasemonkeyスクリプトやGoogle Chromeユーザースクリプトなど、制御できないサードパーティのサイトとやり取りするコードを記述している場合は、渡された要素のツリーを調べて、自分に関連する情報を見つける必要があります。
これは、特にクロスブラウザーコードの場合、ツリーを手動でウォークするよりも、他のDOMを操作するのと同じように、セレクターを使用する方がはるかに簡単です。
HTML5ミューテーションオブザーバーコールバックに渡されるデータでjQueryセレクターを使用する方法はありますか?
javascript - 新しい要素を作成するための Mutation Observer
特定の div が作成されたときに関数をオフにしようとしています。簡単に言えば、次のようなものがあります。
以前は、ミューテーション イベントで div#bar の作成をリッスンしていました。次のようなものです。
Mutation Observers を使用して同等のものはありますか? Can you have a javascript hook trigger after a DOM element's style object changes? に掲載されている attrchange.js を試してみました。ただし、そのプラグインは、要素が作成されたときではなく、要素が変更されたときのみを検出します。
javascript - Modernizr.js を使用して DOM4 Mutation Observer をテストする方法は?
Modernizr.js を使用してMutation Observersを検出するテストを作成しようとしています。Modernizer のドキュメントには、プレフィックスと呼ばれるDOM 要素をテストするためのセクションがあります。私はそれを使って試しました:
しかし、明らかに、それは機能していません。プレフィックス付きの文字列が MutationObserver ではないことはかなり確信してTypeError: f.bind is not a function
いますが、それが何であるかはわかりません。また、テストを正しく書いているかどうかもわかりません。何か案は?
javascript - InternetExplorerでのMutationObserversの可用性
AFAIKミューテーションオブザーバーはIEではまだ利用できません。Chrome、Safari、Firefoxにはそれぞれの実装があり、標準化プロセスを通じて機能します。誰か(できればMSの従業員)がIEの話を知っているのか、それとも私が見逃した記事へのポインタを教えてくれるのだろうかと思います。
javascript - IE10 は DOM4 Mutation Observers をサポートしていますか?
そうでない場合は、Mutation Events を使用した IE9 と同じ動作を期待できますか?
現在動作する IE10 プラットフォームがなく、Google 検索でも結果が得られなかったので質問します。