JQry 이벤트

1. 이벤트 연결 $ 제거

bind()        이벤트를 연결

toggle()        click 이벤트를 여러 이벤트 핸들러를 번갈아가며 실행할 수 있게 연결

hover()        mouseenter 이벤트와 mouseleave 이벤트를 동시에 연결

$(selector).toggle(function(event){}, ......, function(event){});

$(selector).hover(function(event){}, function(event){});

unbind()        이벤트를 제거

$(selector).unbind()

$(selector).unbind(eventName)

$(selector).unbind(eventName, function)

# 단축 이벤트 메서드

blur        focus        focusin        focusout        load        resize        scroll    unload      click        dblclick       mousedown       mouseup     mlusemove      mouseover   mouseout    mouseenter   mouseleave     change          select     submit        keydown        keypress        keyup        error        ready

2. 매개변수 context

3. 이벤트 객체

event.pageX    브라우저의 화면을 기준으로 한 마우스의 X좌표 위치

event.pageY    브라우저의 화면을 기준으로 한 마우스의 Y좌표 위치

event.preventDefault() 기본이벤트를 제거

event.stopPropagation() 이벤트전달을 제거(다음 이벤트로 넘어가지 않음)

4. 이벤트 강제발생

trigger()     이벤트를 강제로 발생

5. 기본이벤트와 이벤트전달

preventDefault() 기본이벤트를 제거

stopPropagation() 이벤트전달을 제거(다음 이벤트로 넘어가지 않음)

6. 이벤트 연결의 종류

bind()    현재 존재하는 문서 객체에만 이벤트를 연결

delegate() 현재 or 미래에 존재하는 문서객체에 이벤트를 연결   

live()    현재 or 미래에 존재하는 문서객체에 이벤트를 연결

one()    한번만 이벤트에 연결

unbind()

die()

undelegate()

7. 이벤트 통합메서드

on()    이벤트를 연결

off()    이벤트를 제거

8. 마우스 이벤트

click

dbclick

mousedown

mouseup

9. 키보드 이벤트

keydown

keypress

keyup

10. 윈도우 이벤트

ready

load

unload

resize

scroll

error

11. 입력양식 이벤트

change

focus

focusin

focusout

blur

select

submit

reset