onSubmit

• form 태그 내부에서만 사용 가능
• form이 submit(제출)될 때 발생하는 이벤트
• from 안에 있는 것을 validate 한 후에 return이 true, false일 경우에 호출되는 역할을 하는 이벤트 핸들러
• 기본적으로 호출될 때, 새로고침 효과가 발생
• e.preventDefault(); -> 새로고침되지 않도록 함

onClick

• form 태그와 무관하게 외부에서 사용 가능
• 사용자가 클릭했을 때 발생하는 이벤트

onSubmit과 onChange

onSubmit은 form 태그 내부의 모든 요소들에 focus를 주었을 때 호출된다. onClick을 사용하면 하나의 요소 클릭 시 호출되기 때문에 form 태그 내부의 모든 요소들이 focus 되었을 때 호출시킬 때에는 onSubmit을 사용한다.

onChange

• HTML 요소에 변화가 일어날 때 사용(ex.텍스트 입력칸 변경)
• 내용이 변경되었을 때

onFocus/onBlur

onFocus

요소가 포커스 될 때 호출

onBlur

요소에 포커스가 사라졌을 때 호출