[java script] addEventListener의 이벤트 종류

◎ UI 이벤트

 

NO	Event	Description
1	load	웹 페이지나 스크립트의 로드가 완료되었을 때
2	unload	웹 페이지가 언로드 될 때 (주로 새로운 페이지를 요청한 경우)
3	error	브라우저가 자바 스크립트 오류를 만났거나 요청한 자원이 존재하지 않는 경우
4	resize	브라우저 창의 크기를 조절했을 때
5	scroll	사용자가 페이지를 위 아래로 스크롤 할 때
6	select	텍스트를 선택했을 때

 

 

◎ Keyboard 이벤트

 

NO	Event	Description
1	keydown	키를 누르고 있을 때
2	keyup	누르고 있던 키를 뗄 때
3	keypress	키를 누르고 뗐을 때
4	keyCode	키 코드 값

 

 

◎ Mouse 이벤트

 

NO	Event	Description
1	click	마우스 버튼을 클릭했을 때
2	dblclick	마우스 버튼을 더블 클릭했을 때
3	mousedown	마우스 버튼을 누르고 있을 때
4	mouseup	누르고 있던 마우스 버튼을 뗄 때
5	mousemove	마우스를 움직일 때 (터치 스크린에서 동작 하지 않는다.)
6	mouseover	마우스 요소 위로 움직였을 때 (터치 스크린에서 동작 하지 않는다.)
7	mouseout	마우스 요소 밖으로 움직였을 때 (터치 스크린에서 동작 하지 않는다.)
8	mouseenter	해당 요소에 마우스 커서를 올려다 놓았을 때
9	mouseleave	해당 요소에 마우스 커서를 빼낼 때

 

 

◎ Focus 이벤트

 

NO	Event	Description
1	focus/focusin	요소가 포커스를 얻었을 때
2	blur/focusout	요소가 포커스를 잃었을 때

 

 

◎ Form 이벤트

 

NO	Event	Description
1	input	input 또는 textarea 요소의 값이 변경되었을 때, contenteditable 속성을 가진 요소의 값이 변경되었을 때
2	change	select box, checkbox, radio button의 상태가 변경되었을 때
3	submit	form을 submit 할 때 (버튼 또는 키)
4	reset	reset 버튼을 클릭할 때

 

 

◎ Clipboard 이벤트

NO	Event	Description
1	cut	콘텐츠를 잘라내기할 때
2	copy	콘텐츠를 복사할 때
3	paste	콘텐츠를 붙혀넣기할 때

 

 

철자가 틀리지 않도록 주의하고 Event를 잘 이용해야겠어요!

자바 스크립트는 이미 정해져 있는 프로퍼티나 메서드를 잘 이용해야 한다는 것을 계속해서 느끼네요!

 

많은 연습문제 도전해볼게요~~!!!

 

많은 분들의 피드백은 언제나 환영합니다! 많은 댓글 부탁드려요~~