12.6.1 이벤트 종류
웹 브라우저에서 사용자와의 상호작용으로 발생하는 이벤트는 200여 가지가 넘기 때문에 모든 이벤트를 다루기는 불가능합니다. 그래서 이 책에서는 꼭 알아야 하는 중요한 이벤트를 몇 가지만 살펴보겠습니다.
표 12-9 주요 이벤트 종류
구분 |
이벤트 |
설명 |
마우스 이벤트 |
onclick |
마우스로 클릭하면 발생합니다. |
ondblclick |
마우스로 빠르게 두 번 클릭하면 발생합니다. |
|
onmouseover |
마우스 포인터를 올리면 발생합니다. |
|
onmouseout |
마우스 포인터가 빠져나가면 발생합니다. |
|
onmousemove |
마우스 포인터가 움직이면 발생합니다. |
|
onwheel |
마우스 휠(wheel)을 움직이면 발생합니다. |
|
키보드 이벤트 |
onkeypress |
키보드 버튼을 누르고 있는 동안 발생합니다. |
onkeydown |
키보드 버튼을 누른 순간 발생합니다. |
|
onkeyup |
키보드 버튼을 눌렀다가 뗀 순간 발생합니다. |
|
포커스 이벤트 |
onfocus |
요소에 포커스가 되면 발생합니다. |
onblur |
요소가 포커스를 잃으면 발생합니다. |
|
폼 이벤트 |
onsubmit |
폼이 전송될 때 발생합니다. |
리소스 이벤트 |
onload |
웹 브라우저의 리소스 로드가 끝나면 발생합니다. |
수코딩의 조언
책에 나온 이벤트가 주요 이벤트이긴 하지만, 실무에서는 책에 없는 이벤트를 활용해 코드를 작성해야 할 때가 있습니다. 그럴 때는 https://developer.mozilla.org/ko/docs/Web/Events#non-standard_events 페이지에서 상황에 맞는 이벤트 종류를 확인해 보세요.