Почему change срабатывает раньше чем click?

Question

[Black_Fire]

На странице есть поле ввода и кнопка. На поле ввода назначено событие change, а на кнопку событие click. Если написать что-то в поле ввода и кликнуть по кнопке, не теряя фокуса с поля то, первым срабатывает событие change, а не click. почему так?

Comments

[Александр Васильев]

Чем это кликнуть по кнопке не теряя фокуса в инпуте - молотком по монитору?)))))
Клик - уже потеря.

[Black_Fire]

Александр Васильев, ну то есть гарантировано все синхронные действия в обработчике change выполнятся до click?

[Александр Васильев]

Black_Fire, Событие change срабатывает по окончании изменения...

Answer 1

[Сергей delphinpro]

кликнуть по кнопке, не теряя фокуса с поля

Это вам кажется.
Кнопка получает фокус перед действием.
Фокус может быть только на одном элементе.
Значит предварительно произойдет снятие фокуса с инпута.

Последовательность будет такая:
input.oninput - input.onblur - input.onchange - button.onfocus - button.onclick

Comments

[Black_Fire]

input.onfocus ещё в начале всего этого

[Сергей delphinpro]

Black_Fire, ну там еще много разных событий сгенерится в процессе. Я показал только те, которые вас интересовали.