The bubbling principle is simple.When an event happens on an element, it first runs the handlers on it, then on its parent, then all the way up on other ancestors.Let’s say we have 3 nested elements FORM > DIV > P with a handler on each of them:<!DOCTYPE html><html><!doctype html><body><style> body * { margin: 10px; border: 1px solid blue; }</style><form onclick="alert('form')">FORM <div onclick="alert('div')">DIV <p onclick="alert('p')">P</p> </div></form></body></html>Click...
