Chapter 7-2

핵심내용

Text

Text

  • 일반 이벤트 등록
  • 단축 이벤트 등록
  • 등록한 이벤트 제거
  • 이벤트 한 번만 실행
  • 기본 행동 취소
  • 버블링 멈추기
  • 버블링 활용 1: 하나의 이벤트 리스너로 여러 이벤트 처리하기
  • 버블링 활용 2: 라이브 이벤트
  • 이벤트 발생시키기
  • 사용자 정의 이벤트 만들기
  • mouseover vs mouseenter 차이점

1. 일반 이벤트 등록

$대상.on("이벤트 이름", 이벤트리스너)

2. 단축 이벤트 등록

$대상.단축이벤트(이벤트리스너)

3. 등록한 이벤트 제거

$대상.off("click", 삭제하고 싶은 이벤트 리스너명)

$대상.off("click")

$대상.off()

4. 이벤트 한 번만 실행

$대상.on(이벤트이름, 이벤트리스너)

5. 기본 행동 취소

event.preventDefault()

6. 버블링 멈추기

event.stopPropagation()

7. 버블링 활용1: 하나의 이벤트 리스너로 여러 이벤트 처리하기

$대상.on("이벤트명","선택자",이벤트리스너)

8. 버블링 활용2: 라이브 이벤트

9. 이벤트 발생시키기

$대상.trigger("이벤트이름")

10. 사용자 정의 이벤트 만들기

방법 1.

var event = jQuery.Event("이벤트이름");
[event.데이터1=값;
event.데이터2=rkqt;
..]

$대상.trigger(event);

방법2.

var event = jQuery.Event("이벤트이름")
$대상.trigger(event[데이터1=값, 데이터2=값, ...]);

11. mouseover vs mouseenter 차이점

정리

Made with Slides.com