input의 change, input event 차이

1. input Event

- 사용자가 값을 수정할 때마다(되자마자) 이벤트 발생

- 키보드가 아닌 다른 수단을 사용하여 값을 변경할 때도 발생함

-  ⇦, ⇨ 키와 같이 값을 변경시키지 않는 키보드 입력에는 이벤트 발생하지 않음

- event.preventDefault()를 사용해도 아무런 효과가 없음

 

2. change Event

- 기본적으로는 요소의 변경이 끝날 때 발생하지만,  input text 에서는 포커스를 잃을 때 이벤트가 발생

- select, input checkbox/radio는 선택값이 변경된 직후에 이벤트가 발생함

 

참고 https://ko.javascript.info/events-change-input