08 Модуль - Вслытие событий -- 01 Распространение. Всплытие. Делегирование

Question 1

Распространение событий двунаправлено — оно

Answer 1

начинается на window, идет к целевому элементу и заканчивается на window.

Question 2

Распространение событий при наступлении события, оно проходит через три обязательные фазы:

Answer 2

capture phase(затопление), target phase(таргетинг) и bubbling phase(всплытие)

Question 3

Capture phase(затопление) — событие

Answer 3

начинается на window и тонет (проходит через все узлы-предки ) до самого глубокого целевого элемента(target phase) , где произошло событие.

Question 4

Target phase(таргетинг) — событие

Answer 4

Этот этап включает только уведомление узла, на котором произошло событие.

Question 5

Bubbling phase(всплытие) — заключительная фаза, событие

Answer 5

всплывает от самого глубокого, целевого элемента(target phase), через все узлы-предки, до window.

Question 6

Основной принцип всплытия(event bubbling) — при наступлении события,

Answer 6

обработчики сначала срабатывают на самом вложенном элементе, затем на его родителе, затем выше и так далее, вверх по цепочке вложенности. (У всех элементов должны быть с обработчиками клика на каждом.)

Question 7

event.target — это

Answer 7

ссылка на исходный элемент, на котором произошло событие, в процессе всплытия он неизменен.

Question 8

event.currentTarget — это

Answer 8

текущий элемент, до которого дошло всплытие, на нём сейчас выполняется обработчик.

Question 9

Обычно событие будет всплывать наверх, до элемента window, вызывая все обработчики на своем пути. Но любой промежуточный обработчик может решить, что событие полностью обработано, и остановить всплытие. Остановить всплытие можно вызвав метод на объекте события.

Answer 9

event.stopPropagation()

Question 10

Если у элемента есть несколько обработчиков на одно событие, то даже при прекращении всплытия

Answer 10

все они будут выполнены. То есть, stopPropagation препятствует продвижению события дальше, но на текущем элементе все обработчики выполнятся.

Question 11

event.stopImmediatePropagation() используется для того, чтобы

Answer 11

полностью остановить обработку события. Он не только предотвращает всплытие, но и останавливает обработку событий на текущем элементе.

Question 12

Делегирование событий(event delegation), заключается в том, что

Answer 12

если есть много элементов, события которых нужно обрабатывать похожим образом, то вместо того чтобы назначать обработчик каждому, мы ставим один обработчик на их общего предка.

Question 13

event delegation - Теперь для доступа к элементу, на котором произошло событие, используем свойство

Answer 13

target - это элемент, на котором произошел клик. Таким образом, мы получаем прямой доступ к целевому элементу, абзацу, и можем работать с ним.

Question 14

Для проверки типа узла используем свойство

Answer 14

nodeName

Question 15

Каждый раз, когда происходит событие, происходит его

Answer 15

распространение.