Пузыри и захват с помощью addEventListener

Недавно я обнаружил разницу между всплыванием и захватом событий DOM с помощью javascript. Теперь я понимаю, как это должно работать, но я обнаружил странную ситуацию и хотел бы знать, почему это происходит.

Согласно Quirks mode , распространение события начинается с захвата на внешнем div, достигает дна и затем всплывает вверх. Проблема была, когда я начал делать какие-то тесты.

В первом все работает, как ожидалось:

    

        Click This!!
    

Если вы щелкнете по тексту, появятся предупреждения «захват», «захват», «всплытие» и «всплытие». Проблема заключается в использовании следующего кода:

    

        Click This!!
    

В этом случае предупреждения идут «захват», «всплытие», «захват» и «всплытие». Если вы заметили, единственная разница в том, что на втором этапе сначала назначается всплытие, но я не думаю, что это должно иметь какое-либо значение.

Я пробовал это с Firefox и Chrome, и результаты такие же (я понимаю, что Internet Explorer не обрабатывает захват).