addEventListener

 

 

 

기본 문법

addEventListener("이벤트종류", 함수)

 

이벤트 종류

구분	종류	설명
1	mouseover	마우스 커서가 진입하는 순간
2	mouseout	마우스 커서가 나가는 순간
3	mousedown	클릭한 순간
4	mouseup	마우스 버튼을 떼는 순간
5	mousemove	마우스 커서가 움직이는 순간
6	keypress	키를 누르는 순간, 누르고 있는 동안
7	keydown	키를 눌렀을 때
8	keyup	키룰 눌렀다가 떼는 순간
9	focus	포커스되었을 때
10	blur	포커스에서 벗어났을 때
11	click	클릭 후 손을 떼면 발생
12	resize	브라우저 창 크기 조절할 때 발생
13	load	로드가 완료되었을 때 발생
14	unload	다른 페이지 이동이나 탭을 닫을 때 발생
15	scroll	스크롤바 혹은 키보드(up, down), 마우스 휠을 사용할 때 발생
16	change	폼 필드 상태가 변경되었을 때 사용

 

이벤트 리스너는 메모리를 잡아먹기 때문에

필요없을 경우 제거하는 코드를 작성해야 한다.

 

기본 문법

removeEventListener("이벤트 종류", 함수)

 

 

필요할 때마다 보면서 부족한 부분은 계속 수정해나가야겠다.