기본 이벤트 방법: 1. click(), 마우스 클릭 이벤트 설정 2. dblclick(), 마우스 더블클릭 이벤트 설정 3.change(), 콘텐츠 변경 이벤트 설정; 트리거 포커스 이벤트 설정 5. Blur(), 포커스 손실 이벤트 설정 6. mousedown() 등
이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.
이벤트 메소드는 선택한 요소의 이벤트 핸들러에 함수를 트리거하거나 추가합니다.
아래 표에는 이벤트 처리를 위한 일부 jQuery 메서드가 나열되어 있습니다.
메서드
Description
bind()
요소에 이벤트 핸들러 추가
blur()
초점 상실 이벤트 추가/트리거
change()
추가/트리거 이벤트 변경
click()
클릭 이벤트 추가/트리거
dblclick()
더블 클릭 이벤트 추가/트리거
die()
버전 1.9에서 제거되었습니다. live() 메소드를 통해 추가된 모든 이벤트 핸들러 제거
focus()
포커스 이벤트 추가/트리거
focusin()
focusin 이벤트에 이벤트 핸들러 추가
focusout( )
Add 포커스 아웃 이벤트에 대한 이벤트 핸들러
hover()
호버 이벤트에 두 개의 이벤트 핸들러 추가
keydown()
키 다운 이벤트 추가/트리거
keypress()
키 누르기 이벤트 추가/트리거
keyup()
키업 이벤트 추가/트리거
live()
버전 1.9에서 제거되었습니다. 현재 또는 향후 선택된 요소에 하나 이상의 이벤트 핸들러를 추가합니다
mousedown()
mousedown 이벤트 추가/트리거
mouseenter()
mouseenter 이벤트 추가/트리거
mouseleave( )
mousemove 이벤트 추가/트리거
mousemove()
mouseout()
mouseout 이벤트 추가/트리거
mouseover()
Add /trigger 마우스 오버 이벤트
mouseup()
mouseup 이벤트 추가/트리거
off()
on() 메서드를 통해 추가된 이벤트 핸들러 제거
on()
요소에 이벤트 처리 추가 절차
one()
선택한 요소에 하나 이상의 이벤트 핸들러를 추가합니다. 이 핸들러는 요소당 한 번만 트리거될 수 있습니다.
2. mouseover와 mouseenter의 차이점: 마우스 포인터가 선택한 요소를 통과하든 하위 요소를 통과하든 상관없이 mouseover 이벤트는 지원 버블 처리라고 하는 버블링 처리는 하위 요소와 상위 요소가 공동으로 정의하는 이벤트를 의미합니다. 하위 요소가 트리거되거나 하위 요소가 정의되지 않으면 이벤트가 다음으로 전파됩니다. 상위 이벤트가 트리거되도록 합니다. mouseenter 이벤트는 마우스 포인터가 선택한 요소 위로 지나갈 때만 발생합니다.
3. 양식 요소에는 양식을 제출하는 기본 동작이 있습니다. 제출을 통해 처리되는 경우 브라우저의 이 기본 동작을 비활성화해야 합니다. 전통적인 방법은 이벤트 객체 e.preventDefault()를 호출하여 이를 처리하는 것입니다. jQuery에서는 함수 끝에서 직접 false를 반환할 수 있습니다.