На заре цивилизации, когда динозавры бегали по планете, а античные ITшники использовали высеченные из камня смартфоны, в самом разгаре была война браузеров, мнение MS и Netscape по поводу поведения событий на веб-страницах разделилось (к счастью, мне в силу возраста не пришлось столкнуться с этим в те далекие времена). При вложенности элементов на странице (как в примере выше) MS предложила модель events bubbling, то есть порядок выполнения событий должен подниматься («булькать») вверх по структуре DOM-дерева. Netscape предложила противоположную модель, названную event capturing, при которой обработка событий должна спускаться по элементам («захватывать» их) вниз по DOM-дереву.