이벤트

이벤트 등록 메서드

 

- 클릭을 했을 때 function안의 코드를 처리

 

이벤트 등록 방식 - 단독 이벤트

 

- 글릭을 했을 때 welcome 경고창 띄움

 

이벤트 등록 방식 - 그룹 이벤트

 

<예제 - click, on>

 

 

이벤트 등록 방식 - 강제 이벤트 발생

 

 

<예제>

 

이벤트 등록 방식 - 이벤트 제거 메서드

 

<예제>

 

ready() / load() 이벤트 메서드

 

- ready, load는 단독실행

 

<예제>

 

-  아래는 실행 순서 확인

 

 

마우스 이벤트 - 클릭, 더블클릭

 

<a>, <form> 태그에 클릭 이벤트 적용 시 기본 이벤트 차단하기

 

<예제>

 

마우스 이벤트 - mouseover(), mouseout(), hover()

 

<예제>

 

mouseenter() / mouseleave() 이벤트 메서드

 

 

 

<예제>

 

mousemove()이벤트 메서드

 

<예제>

 

포커스 이벤트 - focus() / blur()

 

포커스 이벤트 - focusin() / focusout()

 

- 대상 요소의 하위요소로 들어가면 in, 나가면 out

 

<예제>

 

키보드로 마우스 이벤트 대응하기

 

 

- 키보드 접근성 x

 

 

- 키보드 접근성 o

 

<예제>

 

change() 이벤트 메서드

 

<예제>

 

keydonw() / keyup() / keypress() 이벤트 메서드

 

 

<예제>

 

$(this) 선택자

 

index() 인덱스 반환 메서드

 

<예제>