Event object는 특정 이벤트에 관한 정보를 담고 있는 객체
이 객체는 event가 발생했을시 동적으로 생성
Event Listener가 호출 될 때 이벤트 객체가 인수로 전달
Form event
change : 변경이 있을때
input : input 또는 textarea 요소의 값이 변경 되었을때
submit : form을 submit 할때(버튼 또는 키)
Clipboard event
cut : 콘텐츠를 잘라내기 할때
copy : 콘텐츠를 복사할 때
paste : 콘텐츠를 붙여넣기 할때
Mouse event
click : 객체를 클릭시/Enter키를 누를 경우
dbclick : 왼쪽 버튼을 두번 누를 경우
mousedown : 마우스를 눌렀을 때
mouseout : 객체 밖으로 커서가 나갈 경우
mouseover : 객체 안으로 커서가 들어올 경우
mousedown: 버튼을 누르는 순간
mouseup : 마우스에서 클릭후 뗄때
Key event
keydown : 키를 처음 누른 순간부터 손을 떼기 전까지
keypress : 키를 누른 순간 문자가 입력되었을때부터 손을 떼기까지
keyup : 키에서 손을 떼는 순간
Focus event
focus/focusin : 객체에 포커스가 있을 경우
blur/focusout : 객체세서 포커스가 벗어날 경우
UI event
select : 텍스트를 선택했을때
load : 웹페이지의 로드가 완료 되었을때
unload : 웹페이지가 언로드 될때(주로 새로운 페이지를 요청한 경우)
error : 브라우저가 자바스크립트 오류를 만났거나 요청한 자원이 존재하지 않는 경우
resize : 브라우저 창의 크기를 조절했을 때
scroll : 사용자가 페이지를 위아래로 스크롤 할때
Reference
https://babytiger.netlify.app/posts/event/
https://poiemaweb.com/js-event
