<input />관련 이벤트들

정지우·2021년 8월 10일
0

coming soon...
리액트를 개발하다보면 다양한 이벤트와 이벤트 핸들러 함수를 만난다
그럴때마다 상황에 맞는 이벤트를 속성으로 정의해야 한다
이번엔 햇갈리는 몇 가지 이벤트들에 대해 알아보자

onChange 이벤트를 모르진 않는다
그런데, onKeyUp을 써야 하는지, 아니면 onChange 을 써야하는 지 헷갈리는 순간이 생길 때가 있다

onChange

focus가 발생하기 전의 원래 입력값과 비교하여 변화가 일어났을 경우 blur 이벤트 이후에 발생하는 이벤트

onBlur

요소의 포커스가 해제되었을 때 발생하는 이벤트

onKeyup

input 이벤트 발생 후 value가 업데이트 된 이후에 키보드에서 손을 떼면 발생하는 이벤트


출처: 김맥스 기술 블로그

profile
재미를 쫓는 개발자

0개의 댓글