# 이벤트

### 이벤트 등록 메서드의 종류

| 구분                    | 종류           | 설명                                                                               |
| --------------------- | ------------ | -------------------------------------------------------------------------------- |
| <p>로딩 </p><p>이벤트</p>  | load()       | 선태한 이미지 또는 프레임 요소에 연동된 소스의 로딩이 완료된 후 이벤트가 발생합니다.                                 |
|                       | ready()      | 지정한 HTML 문서 객체의 로딩이 완료된 후 이벤트가 발생합니다.                                            |
|                       | error()      | 이벤트 대상 요소에서 오류가 발생하면 이벤트가 발생합니다.                                                 |
| <p>마우스 </p><p>이벤트</p> | click()      | 선택한 요소를 클릭했을 때 이벤트가 발생합니다.                                                       |
|                       | dbclick()    | 선택한 요소를 연속해서 두번 클릭했을 때 이벤트가 발생합니다.                                               |
|                       | mouseout()   | 선택한 요소의 영역에서 마우스 포인터가 벗어났을 때 이벤트가 발생합니다. 이때 하위 요소의 영향을 받습니다.                     |
|                       | mouseover()  | 선택한 요소의 영역에 마우스 포인터가 올렸을 때 이벤트가 발생됩니다.                                           |
|                       | hover()      | 선택한 요소에 마우스 포인터를 올렸을 때와 벗어낫을 때 각각 이벤트가 발생합니다.                                    |
|                       | mousedown()  | 선택한 요소에서 마우스 버튼을 눌렀을 때 이벤트가 발생합니다.                                               |
|                       | mouseup()    | 선택한 요소에서 마우스 버튼을 눌렀다 떼었을 때 이벤트가 발생합니다.                                           |
|                       | mouseenter() | 선택한 요소 범위에 마우스 포인터를 올렸을 때 이벤트가 발생합니다.                                            |
|                       | mouseleave() | 선택한 요소 범위에서 마우스 포인터가 벗어났을 때 이벤트가 발생합니다.                                          |
|                       | mousemove()  | 선택한 요소 범위에서 마우스 포인터를 움직였을 때 이벤트가 발생합니다.                                          |
|                       | scroll()     | 가로, 세로 스크롤바를 움직일 때마다 이벤트가 발생합니다.                                                 |
| <p>포커스 </p><p>이벤트</p> | focus()      | 선택한 요소에 포커스가 생성되었을 때 이벤트를 발생하거나 선택한 요소에 강제로 포커스를 생성합니다.                          |
|                       | focusin()    | 선택한 요소에 포커스가 생성되었을 때 이벤트가 발생합니다.                                                 |
|                       | focusout()   | 포커스가 선택한 요소에서 다른 요소로 이동되었을 때 이벤트가 발생합니다.                                         |
|                       | blur()       | 포커스가 선택한 요소에서 다른 요소로 이동되었을 때 이벤트가 발생하거나 선택한 요소의 포커스가 강제로 사라지도록 합니다.              |
|                       | change()     | 이벤트 대상인 입력 요소의 값이 변경되고, 포커스가 이동하면 이벤트가 발생합니다. 그리고 강제로 change 이벤트를 발생시킬 때도 사용합니다. |
| 키보드이벤트                | keypress()   | 선택한 요소에서 키보드를 눌렀을 때 이벤트가 발생합니다. 그리고 문자 키를 제외한 키의 코드값을 반환합니다.                     |
|                       | keydown()    | 선택한 요소에서 키보드를 눌렀을 때 이벤트가 발생합니다. 키보드의 모든 키의 코드값을 반환합니다.                           |
|                       | keyup()      | 선택한 요소에서 키보드에서 손으 떼었을 때 이벤트가 발생합니다.                                              |
