mutation-observers

1熱

1答えて

が動的に変更された<img>要素があります。変更が発生すると、MutationObserverが起動され、MutationRecordが記録されます。問題は、私がMutationRecordからデータにアクセスしようとするときに、古いデータを私に与えることです。例えば：これは、元のimg要素です。 <img src="#" /> JS MutationObserver = window.M

3熱

1答えて

$（document）.on（）のプレーンJavaScript？ jQueryので

として使用することができます.on()があります：これはクラス.fooを持つすべてのDOM要素のクリックイベントをリッスン $(document).on('click', '.foo', function() { /* ... */ }); が。それが等しくないのではしかし、これはまた、後にDOMに追加した最終的な要素をリスニング： var elements = document.getEl

1熱

2答えて

突然変異の観察者との特定のスタイル属性変更にどのように反応するのですか？

私はMutation Observersを試していますが、これまでは要素の追加や削除などの操作に関連する機能を適用できます。今私は、特定のスタイル属性内の特定の変更をターゲットにする方法があるのだろうかと疑問に思っていますか？私は属性の変化を観察することができますが、特定の属性の変更を観察する方法はわかりません。たとえば、#childDivのZ-インデックス値が5678に変更された場合、paren

-1熱

1答えて

jQuery hasClassとifステートメント

このコードを正しく実行しようとすると問題が発生します。私は.collapsible-menuというdiv要素を持っており、アクティブになるときにZ-インデックスを変更する必要があります。メニューをクリックすると、他のいくつかのjを介して 'menu-active'が本体に追加されます。これは私が持っているものです。 jQuery(document).ready(function($){

0熱

1答えて

Mutation ObserversでHTMLInputElementの.valueを見ることができません

Codepen here。 HTML： <input placeholder="HRM"/> はJavaScript：placeholder属性が変更され let input = document.querySelector('input') let observer = new MutationObserver((mutations) => { mutations.forEac

1熱

1答えて

新しいDOMNodeInsertedに相当するものは何ですか？

DOMNodeInserted event has been deprecatedおよびすべての突然変異イベントは突然変異観察者に置き換えられました。しかし、within mutation observersには、ノードの属性、コンテンツ、および子への突然変異を監視するための設定オプションしかありません。 DOMツリー内の配置に関する突然変異については何もありません。 document.body

3熱

1答えて

コールバック関数からの変異オブザーバの切断

どのように私の突然変異オブザーバをコールバック関数から切断できますか？変更は必要に応じて観察されていますが、最初の変更後にオブザーバを切り離したいと思います。オブザーバー変数はスコープ外であるため、切断する必要はありません。どのようにしてオブザーバー変数をコールバック関数に渡して、コードが機能するようにすることができますか？ function mutate(mutations) {

2熱

1答えて

MutationRecord.addedNodesで返されたノードの数nodelist（mutationObserver）

MutationRecord.addedNodesは、ドキュメントに追加されたノードが検出されたNodeListを返します。 obj.appendChild（）メソッドを使用すると、mutationObserverはそれを検出し、Nutelist [node]としてMutationRecord.addedNodesのこのONEノードを返します。ループで.appendChild（）を使用すると、mu