The on() method attaches one or more event handlers for the selected elements and child elements. Read more about jQuery on() Method As per your code $(document).on(‘click’,’#add’), I guess it’s creating a delegated event. It will directly fired on #add id element
I have a situation where I’m building a context menu for a right mouse button click on a datagrid. The menu’s content is based on the ‘selected row’. However when I right click a NEW row, the MouseRightButtonDown event is firing (and building the context menu) BEFORE the SelectionChanged event fires, which means the context … Read more
Can anyone please explain event delegation in JavaScript and how is it useful?
Not all browsers support event capturing (for example, Internet Explorer versions less than 9 don’t) but all do support event bubbling, which is why it is the phase used to bind handlers to events in all cross-browser abstractions, jQuery’s included. The nearest to what you are looking for in jQuery is using bind() (superseded by on() in jQuery 1.7+) … Read more
When do they fire? window.onload By default, it is fired when the entire page loads, including its content (images, CSS, scripts, etc.). In some browsers it now takes over the role of document.onload and fires when the DOM is ready as well. document.onload It is called when the DOM is ready which can be prior to images and other external content … Read more