Как вешать события на добавляющиеся элементы?

Question

[artekha]

Здравствуйте. В данный момент работаю над социальной сетью (front-end), и там достаточно много js выходит, который вешается на определенные элементы на странице, допустим лайк в записи, комментирование и т.д. Но что делать с тем когда будут добавлятся записи через ajax? Ведь на новые элементы не будут вешаться события. Как мне отслеживать изменения в ДОМ и вешать события на новые элементы? Пишу все на нативном, так что желательно без jQuery.

Answer 1

[Петр]

Не надо отслеживать изменения, вешайте событие на родительский элемент, что статичен.
Для примера:

$('body').on('click', '.comment .like', function(){ ... });

Answer 2

[Сева]

Используйте делегирование.