Форум

Decode · #1 (**permalink**) 17.08.2015, 17:03

Пример из учебника: http://plnkr.co/edit/3oOMMHllcT2xQujdXaru?p=preview

Цитата:

1. При заходе на синий — на нём сработает mouseover [target: blue].
2. При переходе с синего на красный — будет mouseout [target: blue] — уход с родителя.
3. И тут же mouseover [target: red] — как ни странно, «обратный переход» на родителя.
На самом деле, обратного перехода нет. Событие mouseover сработало на потомке (видно по target: red), а затем всплыло.

Почему выводиться target: red? Ведь на красном блоке нет обработчика. Событие всплыло на синий, на нем target должен быть blue, а не red.

Rise · #2 (**permalink**) 17.08.2015, 18:13

Decode, Всплытие и перехват

Цитата:

Всплытие идёт прямо наверх. Обычно событие будет всплывать наверх и наверх, до элемента <html>, а затем до document, а иногда даже до window, вызывая все обработчики на своем пути.

Цитата:

event.target — это исходный элемент, на котором произошло событие, в процессе всплытия он неизменен.
this — это текущий элемент, до которого дошло всплытие, на нём сейчас выполняется обработчик.

Decode · #3 (**permalink**) 17.08.2015, 20:59

Rise, точно, про это я и забыл.

Форум

Справочник

Discord чат

Курсы javascript