자바스크립트 이벤트 event, 이벤트 핸들러 정리

이벤트 event

- 시스템에서 사건이 일어나는 것

 

 

이벤트 핸들러 = 이벤트 리스너

- 이벤트를 발생했을 때 실행되는 코드

- 이벤트를 js에서 인식하여 사용하게 하는 것

 

 

이벤트핸들로 표기법

- on + 이벤트명 표기

- 모두 소문자로 표기

 

마우스 이벤트 (Mouse Event)	핸들러
click, doubleclick	onclick, ondbclick	클릭 / 더블클릭
mousedown	onmousedown	마우스 누를 때
mouseup	onmouseup	눌렀던 마우스를 땠을 떄
mouseover	onmouseover	요소 위로 마우스를 올렸을 때
mouseout	onmouseout	요소 밖으로 마우스를 움지였을 때

 

포커스 이벤트 (Focus Event)	핸들러
focus	onfocus	포커스 얻음
blur	onblur	포커스 잃음

 

기타 이벤트 (etc Event)	핸들러
submit	onsubmit	폼 전송
resize	onresize	사이즈 조절
select	onselect	텍스트 선택
scroll	onscroll	스크롤 가능
change	onchange	폼 변경

 

---

 

See the Pen Untitled by beomjunkwon (@bjkwon) on CodePen.

See the Pen Untitled by beomjunkwon (@bjkwon) on CodePen.

See the Pen Untitled by beomjunkwon (@bjkwon) on CodePen.