React에서의 onInput & onChange

onInput

input에 값이 변경될 때 마다 이벤트가 발생하다. (실시간 유효성 검사에 적합)

사용 가능한 HTML Tags

• input
• textarea
• select
  • W3Schools의 글에서는 select 태그가 빠져있는데, 사용이 가능하게 변경된 것 같다.
    MDN - HTMLElement: input event

onChange

input에서 포커스가 벗어났을 때, input에 입력된 값이 변경되었다면 이벤트가 발생한다.

사용 가능한 HTML Tags

• input
• textarea
• select

💡 React에서의 onInput & onChange

React의 경우 onChange 이벤트가 포커스 아웃이 없어도 값이 변경 될 때마다 이벤트가 발생한다.

위와 같은 이유로 onInput, onChange는 사실상 동일한 이벤트로 취급된다고 한다.

그리고, 이 중에서 React에서는 onChange가 일반적으로 좀 더 자주 사용되는것 같다.