Как отслеживать изменение содержимого элемента (div, span)?

[drkrol]

Здравствуйте. Хочу дописать для себя скрипт в вк, типа "антиудаление сообщений". В сообщениях есть span с классом nim-dialog--preview _dialog_body. Подскажите, можно ли как-нибудь отслеживать каждые изменения этого блока? Выводить содержимое себе куда-нибудь я сам разберусь как, а вот отследить...

[laimas]

https://developer.mozilla.org/ru/doc...tationObserver

[drkrol]

чёт я не разобрался с Observer, поэтому подрубил jquery и начал отслеживать вот таким образом:

$("body").on('DOMSubtreeModified', "._dialog_body", function() {
console.log(this);
});

но теперь, почему-то, если мне пришлют сообщение, то оно будет продублировано в логах 2 раза, а я отправлю сообщение, то оно будет отображено 4 раза...


С чем это может быть связано?

[laimas]

чёт я не разобрался с Observer

https://learn.javascript.ru/mutation-observer


https://developer.mozilla.org/ru/doc...ubtreeModified

[drkrol]

https://learn.javascript.ru/mutation-observer


https://developer.mozilla.org/ru/doc...ubtreeModified

спасибо, но, как я понял, он следить только за одним из элементов, а мне нужно следить за всеми классами. Если указывать querySelectorAll(), то он не будет отрабатывать так, как надо. Будет ошибка:

Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.

[laimas]

спасибо, но, как я понял, он следить только за одним из элементов

Это слежение за DOM, а DOM, это многочисленная семья.

В сети полно примеров его использования, и читая примеры выводите в обработчике в консоль объект, станет понятно что к чему.