이벤트 란?

마우스를 움직이거나 키를 입력하고, 창 크기를 조절하는 등 이런 행동들을 보고 이벤트가 발생했다라고 인식합니니다.


<--이벤트 종류-->

<--마우스 이벤트--> 

 이벤트

설명 

 click

 마우스 버튼을 클릭 하였을 때 발생

 dblclick

 마우스 버튼을 두 번클릭 하였을 때 발생 

 mousedown

 마우스를 누른 뒤 때지 않고 아래로 드레그 할 때

 mouseup

 마우스를 누른 뒤 떄지 않고 위로 드레고 할 때

 mouseover

 마우스를  HTML요소 위에 올리면 발생

 mouseout

 마우스가 HTML요소가 벗어 날 때 마우스 아웃 이벤트가 발생

 mousemove 

 마우스가 움직일 때 마다 발생


<--Document/WIndow 이벤트-->

 이벤트 

 설명 

 load

 웹 브라우저가 웹 페이지에 사용할 모든 파일의 다운로드를 완료 했을 때 발생

 resize

 최대화 버튼을 클릭하거나 브라우저 창의 크기를 조절하면 발생

 srcoll

 웹 페이지를 스크롤 할 때 발생(스크롤 바가 없으면 발생하지 않음)

 unload 

다른 페이지로 이동하거나 브라우저 탭을 닫거나 브라우저 창을 닫을 때 발생 


<--폼 이벤트-->

 이벤트

 설명 

 submit

 방문객이 폼을 전송할 떄 전송 이벤트 발생. 

 reset

 작성 헀던 폼을 완전히 초기화 가능

 change

 상태가 변경 되었을 때 발생(체크박스를 예로 들 수 있다.) 

 focus 

 탭을 누르거나 텍스트 필드를 클릭하면 이벤트 발생 

 blur

 탭을 누르거나 필드 바깥을 클릭해서 현재 포커스를 가진 필드에서 빠져나갈 때 


<--키보드 이벤트-->

 이벤트

 설명 

 keypress

 키를 누르는 순간 이벤트 발생(꾹 누르면 계속 발생)

 keydown

 키눌림 이벤트가 발생하기 직전에 발생. 

 keyup

 키를 눌렀다 떼는 순간에 발생  


<--이벤트 사용 방법-->

1. 이벤트를 할당 할 때.

$('menu').click();

△선택자 .click()형태로 추가해 줍니다.(click이 아닌 다른 이벤트 도)


2. 이벤트에 함수 전달 할 때.

$('menu').click(starthide());

△이벤트를 할당하고 이벤트의 ()안에 실행할 함수를 넣는는다.


3.익명함수로 사용할 때

$('menu').click(function(){

//code

});

▲ 선택자로 선택을한 뒤 이벤트를 할당해 주고, 이벤트의 괄호 안에 function을 넣는다.




'Programming > Java Script + jQuery' 카테고리의 다른 글

jQuery CSS 속성 읽고 바꾸기 & 익명함수  (1) 2015.12.14
jQuery 콘텐츠 추가!  (0) 2015.12.14
jQuery 선택자 & 필터  (0) 2015.12.11
jQuery 시작!  (0) 2015.12.09
블로그 이미지

KimMinSung

,