jQuery 참조 매뉴얼 - 이벤트
- 이전 페이지 jQuery 선택자
- 다음 페이지 jQuery 효과
jQuery 이벤트 메서드
이벤트 메서드는 일치하는 요소의 이벤트를 트리거하거나 모든 일치하는 요소의 특정 이벤트에 함수를 바인딩합니다.
트리거 예제:
$("button#demo").click()
위의 예제는 id="demo"의 button 요소의 클릭 이벤트를 트리거합니다.
바인딩 인스턴스:
$("button#demo").click(function(){$("img").hide()})
위의 예제는 id="demo"의 버튼을 클릭할 때 모든 이미지를 숨기도록 합니다.
| 메서드 | 설명 |
|---|---|
| bind() | 일치하는 요소에 하나 이상의 이벤트 처리기를 추가합니다 |
| blur() | 특정 요소의 blur 이벤트에 함수를 바인딩하거나 트리거합니다 |
| change() | 특정 요소의 change 이벤트에 함수를 바인딩하거나 트리거합니다 |
| click() | 특정 요소의 클릭 이벤트에 함수를 바인딩하거나 트리거합니다 |
| dblclick() | 특정 요소의 더블 클릭 이벤트에 함수를 바인딩하거나 트리거합니다 |
| delegate() | 일치하는 요소의 현재 또는 미래의 자식 요소에 하나 이상의 이벤트 처리기를 추가합니다 |
| die() | live() 함수를 통해 추가된 모든 이벤트 처리기를 제거합니다. |
| error() | 특정 요소의 error 이벤트에 함수를 바인딩하거나 트리거합니다 |
| event.isDefaultPrevented() | event.preventDefault()가 호출되었는지 여부를 반환합니다. |
| event.pageX | 문서 좌단 가장자리에 대한 마우스 위치입니다. |
| event.pageY | 문서 상단 가장자리에 대한 마우스 위치입니다. |
| event.preventDefault() | 이벤트의 기본 동작을 방지합니다. |
| event.result | 지정된 이벤트 트리거로부터 반환된 마지막 값이 포함됩니다. |
| event.target | 이 이벤트를 트리거한 DOM 요소입니다. |
| event.timeStamp | 1970년 1월 1일부터 이벤트 발생 시까지의 밀리초 수를 반환합니다. |
| event.type | 이벤트 유형을 설명합니다. |
| event.which | 누른 키나 버튼을 나타냅니다. |
| focus() | 특정 요소의 포커스 이벤트에 함수를 바인딩하거나 트리거합니다 |
| keydown() | 특정 요소의 키 다운 이벤트에 함수를 바인딩하거나 트리거합니다 |
| keypress() | 특정 요소의 키 프레스 이벤트에 함수를 바인딩하거나 트리거합니다 |
| keyup() | key up 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| live() | 현재 또는 미래의 일치하는 요소에 이벤트 처리기를 추가하거나 여러 개 추가합니다 |
| load() | load 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| mousedown() | mouse down 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| mouseenter() | mouse enter 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| mouseleave() | mouse leave 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| mousemove() | mouse move 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| mouseout() | mouse out 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| mouseover() | mouse over 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| mouseup() | mouse up 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| one() | 일치하는 요소에 이벤트 처리기를 추가합니다. 각 요소는 이 처리기를 한 번만 트리거할 수 있습니다 |
| ready() | HTML 문서가 준비된 이벤트(HTML 문서가 사용 가능할 때) |
| resize() | resize 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| scroll() | scroll 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| select() | select 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| submit() | submit 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
| toggle() | 두 가지 이상의 이벤트 처리기 함수를 바인딩하며, 순차적으로 클릭 이벤트가 발생할 때 실행됩니다 |
| trigger() | 모든 일치하는 요소의 지정된 이벤트 |
| triggerHandler() | 최초에 일치하는 요소의 지정된 이벤트 |
| unbind() | 요소에서 추가된 이벤트 처리기를 제거합니다 |
| undelegate() | 현재 또는 미래에 추가된 이벤트 처리기를 요소에서 제거합니다 |
| unload() | unload 이벤트를 트리거하거나, 함수를 지정된 요소에 바인딩합니다 |
참조
튜토리얼:jQuery 요소 선택자 문법
- 이전 페이지 jQuery 선택자
- 다음 페이지 jQuery 효과
