В чем разница между blur и change?

Question

[Роман]

Всем привет. Учу js. Практикуюсь с событиями. Познакомился с событиями blur и change. И честно говоря не понимаю в чем разница. Вроде работают одинаково. Объясните пожалуйста в чем различие?

Answer 1

[Пашенька]

onblur - срабатывает при расфокусировке поля.
onchange - стреляет, когда значение поля изменено, но при условии снятия фокуса с него.
Чтобы увидеть разницу, поочерёдно потыркайте в пустое поле и в документ, будет срабатывать только onblur, а не onchange, так как значение не поменялось.
Посмотрите в сторону oninput, он будет стрелять сразу на изменение значения поля, что позволит делать более юзер-экспириенсную валидацию или иные приколюхи.

Answer 2

[coderisimo]

Это совершенно разные события

Событие blur вызывается когда элемент теряет фокус
Событие change происходит, когда поля формы select, text или textarea теряют фокус и их значения изменяются.