JS, отслеживание изменений в DIV

462
10 мая 2017, 09:00

Доброго времени суток.

Вопрос такой, нагуглить не удалось.

Есть ли какая-либо возможность отслеживания изменения содержания в тегах? Событие какое, может быть?

Или же остается, как кросбраузерный вариант, при загрузке помещать содержимое элемента в переменную и спустя какое то время постоянно проверять, не изменилось ли оно?

Answer 1

Можно посмотреть в сторону DOMSubtreeModified, которое отслеживает структурные изменения потомков элемента.

var testDiv = $('#test'); 
var counter = 0; 
 
testDiv.bind("DOMSubtreeModified",function(){ 
  console.log('изменилось'); 
}); 
 
setInterval(function(){ 
  testDiv.append('<p>text' + (counter++) + '</p>'); 
}, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="test"></div>

Еще есть DOMNodeInserted, DOMNodeRemoved, DOMAttrModified и DOMCharacterDataModified

Но в IE ниже 9 версии это всё недоступно.

READ ALSO
express-session/passport/socketio
MySQL

express-session/passport/socketio

Всем приветЕсть такая задача : 1

 329
Автоматическая запись id в поле БД
MySQL

Автоматическая запись id в поле БД

В БД имеется таблица со столбцами id и followersИмеется 3 пользователя соответственно с id = 1, 2, 3 и пустыми полями столбца followers

 273
Вопросы по MySQL кэшированию
MySQL

Вопросы по MySQL кэшированию

Неделю назад загрузил базу данных для SuiteCRMВключил кэширование

 253
Как это понять атомарные данные не может состоять однотипных элементов
MySQL

Как это понять атомарные данные не может состоять однотипных элементов

Я читаю книгу Линн Бейли изучаем SQLНа странице 200 есть два правила на пути нормализации таблицы, атомарные данные

 269