При обычных bubbling-обработчиках click сработают div, затем form; p не является целью или предком цели и не участвует в этом пути.
Есть три вложенных элемента: form, div и p, на каждом установлен обработчик click. Что произойдёт при клике по элементу div?
При обычных bubbling-обработчиках click сработают div, затем form; p не является целью или предком цели и не участвует в этом пути.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
При обычных bubbling-обработчиках click сработают div, затем form; p не является целью или предком цели и не участвует в этом пути.
Event.target будет div, а currentTarget меняется для каждого обработчика. При capture=true порядок на пути захвата другой: form перед div. StopPropagation может прервать дальнейшее распространение. Сам факт вложенности p внутрь div не заставляет событие проходить через потомков.