Long description

The browser window consists of five rectangular blocks that are concentric to each other. The innermost block labeled p consists of three rectangular boxes labeled span. The section outside p is labeled div. The block outside div is labeled section. The block outside section is labeled main. An arrow labeled Events can be captured down from the furthermost ancestor to the event target points from the block outside main points to span in the p block. A link select cursor labeled e dot target hovers over the first rectangular box in the p block. Note 1: This is the element that generated the event. Note 2: e dot currentTarget is the element whose event handler is currently being executed. A link select cursor hovers over the third rectangular box in p block and an arrow labeled By default, events bubble up from the event target to all of its ancestors points from the cursor to the outermost block, which is outside the main block.