{"id":3472,"date":"2014-06-25T19:25:32","date_gmt":"2014-06-25T19:25:32","guid":{"rendered":"http:\/\/webninjataylor.com\/library\/?p=3472"},"modified":"2014-06-25T19:40:12","modified_gmt":"2014-06-25T19:40:12","slug":"javascript-event-delegation-and-bubbling","status":"publish","type":"post","link":"https:\/\/webninjataylor.com\/library\/javascript-event-delegation-and-bubbling\/","title":{"rendered":"JavaScript Event Delegation and Bubbling"},"content":{"rendered":"<p>Event delegation is monitoring events on descendants via a common parent.  This reduces overhead and allows for descendants not yet created to inherit the functionality.  In addition, the term Event Bubbling is when an event is fired on an element and it &#8220;bubbles&#8221; up the DOM to the nearest ancestor with a handler for that event.<br \/>\n<iframe loading=\"lazy\" src=\"http:\/\/jsfiddle.net\/webninjataylor\/awHFg\/embedded\/js,result\" width=\"100%\" height=\"300\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Event delegation is monitoring events on descendants via a common parent. This reduces overhead and allows for descendants not yet created to inherit the functionality. In addition, the term Event Bubbling is when an event is fired on an element and it &#8220;bubbles&#8221; up the DOM to the nearest ancestor with a handler for that [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[144],"tags":[9,139],"class_list":["post-3472","post","type-post","status-publish","format-standard","hentry","category-web-shots","tag-javascript","tag-performance"],"_links":{"self":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/3472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/comments?post=3472"}],"version-history":[{"count":7,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/3472\/revisions"}],"predecessor-version":[{"id":3479,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/posts\/3472\/revisions\/3479"}],"wp:attachment":[{"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/media?parent=3472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/categories?post=3472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webninjataylor.com\/library\/wp-json\/wp\/v2\/tags?post=3472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}