Search code examples
javascriptjqueryobserver-pattern

Observer pattern in browser-javascript: subscribe to event "Dom element added" and handle this element

I have a query:

$(function() {
    $('form').each(function() {
      // do smthing with form
    });
});

Forms may appear dynamically, i.e. built by javascript. I need to handle them just after load, smth like:

$('form').onload(function() {
   // it's called after new form was added to dom
});

I thought about using setInterval, but maybe HTML5 or new ES standards brought smth new...

Does anybody help to compose on load callback with aforementioned characteristics?

P.S. To clarify the purpose: I need to attach event handler to event "element was added to dom".

Solution

  • Actually there was an event which is deprecated by now called "DOMNodeInserted", it would be wise to use delegated events. with delegated events you can handle events on new elements that are dynamically add to DOM.