Какие есть, актуальные на сегодняшний день события, отслеживающие и срабатывающие в момент вставки/удаления DOM?
Некоторые сайты отметили для себя, что такие DOM события как DOMNodeInserted, DOMNodeRemoved и т. д., на сегодняшний день являются устаревшими.
Вот пример такого сайта:
https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Mutation_events
Возникает вопрос, что применять в таком случае?
Где бы я не искал, на различных сайтах, форумах, справочниках везде предлагают использовать MutationObserver. Его конструкция является крайне дикой и не удобной в своём применении, больше напоминая голый JavaScript из которого ещё не успели сделать хоть какую-то функцию, но уже можно применять.
Я так же рассматривал варианты готовых модулей для jQuery, написанных при помощи CSS. Не смотря на то что они (казалось бы) работают, на деле проявляют себя не с лучшей стороны и как правило не выполняют даже элементарных действий с подсчётом. Кроме того, такие модули все как под копирку отслеживают лишь добавление элемента DOM, а об удалении разработчики явно никогда не слышали.
Существует ли адекватный эквивалент приведённым выше DOM событиям?
можно создать свою легко используемую функцию с использованием MutationObserver, которая заточена под конкретно удаление или добавление элемента
типа
function lalala(document, callback функция для исполнения)
Специалисту, настолько мощному чтобы критиковать стандартное решение и чужие плагины - не составит никакого труда написать свой, хороший и годный плагин для jQuery: реализующий нужный функционал, и при этом не обладающий критикуемыми свойствами.