javascript - 要素の内容が変更されたイベントを検出するにはどうすればよいですか?

たとえば、内部にテキストを含む p 要素があり、ボタンをクリックして p 要素のコンテンツを置き換えると、それを知らせるためにどのようなイベントを p 要素にバインドできるかを示します。どのように実装すればよいでしょうか?

返信内容:

たとえば、内部にテキストを含む p 要素があり、ボタンをクリックして p 要素のコンテンツを置き換えると、それを知らせるためにどのようなイベントを p 要素にバインドできるかを示します。どのように実装すればよいでしょうか?

http://stackoverflow.com/questions/9470931/is-there-any-on-dom-change-event

最新の MutationObserver はニーズを満たすことができるはずです。https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver を参照してください

MutationObserver は、DOM ツリーが特定の範囲内で変更された場合に適切に対応する機能を開発者に提供します。

子ノードの変更と属性の変更をカバーします。

DOMNodeInserted、DOMNodeRemoved などのイベント リスナーを使用すると、より直感的になります。ただし、MutationObserver は、DOMNodeInserted などの Mutation イベントを置き換えるように設計されています。

このデザインは Promise に少し似ていますが、イベント リスナーの影はありません。

お誘いありがとうございます。イベントをクリックして

リクエストを送信し、変更した操作を他の人に送信します。 ajax

p 要素自体には

イベントがないため、ボタンをクリックしたときに論理的な処理を行う必要があります。とにかく、このボタンをクリックすると p 要素の内容が変更されることになります。この場合は複数箇所で同じロジック処理を繰り返しますが、フレームワークを使用する場合、そのようなウォッチャーはangularとvueで提供されますchange

DOMSubtreeModifiedこのイベントはごく少数の人だけが利用します。 。 。 。