Event Bubbling Demo

Event bubbling is a concept that applies when an HTML document has nested elements. Click or touch the Inner Div area and the click or touch event will bubble up to the Middle Div and the Outer Div. Clicking or touching the Middle Div area will only bubble up the click or touch event to the Outer Div. Clicking or touching the Outer Div area will not buble up the click or touch event to any other areas.

The Outer Div

The Middle Div

The Inner Div


    List of Showcases: