How to hang events on added elements?

Question

JavaScript

Hello. At the moment I am working on a social network (front-end), and there is a lot of js out there, which is hung up on certain elements on the page, for example, like a post, commenting, etc. But what to do about when records are added via ajax? After all, events will not be hung up on new elements. How can I track changes in the DOM and hang events on new elements? I write everything in native, so preferably without jQuery.

Answer 1

No need to track changes, hang an event on the parent element, which is static.
For example:

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

Answer 2

Use delegation.