이벤트 란?
마우스를 움직이거나 키를 입력하고, 창 크기를 조절하는 등 이런 행동들을 보고 이벤트가 발생했다라고 인식합니니다.
<--이벤트 종류-->
<--마우스 이벤트-->
이벤트 |
설명 |
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 |