[jQuery] 제이쿼리 이벤트 모음

어떤 특정한 행동을 했을때 저장된 코드를 작동시킬 수 있는 제이쿼리 이벤트종류를 모아왔습니다.

1. jQuery 마우스 이벤트

이벤트	설명
click	노드(elements)를 마우스 포인터로 눌렀다가 떼었을 때에 발생
dblclick	노드를 더블 클릭 했을 때에 발생
hover	mouseenter와 mouseleave 이벤트를 한번에 bind한다.
mousedown	노드 영역에서 마우스를 눌렀다가 떼었을 때에 발생
mouseenter	노드에 마우스가 진입했을 때에 발생(자식노드에서는 이벤트를 감지 못함)
mouseleave	마우스가 노드에서 벗어났을 때에 발생
mousemove	노드 영역에서 마우스를 움직였을 때에 발생
mouseout	노드에서 마우스 포인터가 떠났을 때에 발생
mouseover	노드 영역에서 마우스를 올려놓았을 때 발생 (내부노드까지 이벤트를 감지)
mouseup	마우스 포인터를 노드에 올려놓고 마우스 버튼을 눌렀다 떼었을 때에 발생
toggle	click 이벤트에 핸들러를 바인딩하고 클릭할 때마다 실행될 함수들을 차례대로 실행
clientX	마우스 포인터의 X좌표값 반환(스크롤 이동 거리 무시)
clientY	마우스 포인터의 Y좌표값 반환(스크롤 이동 거리 무시)
pageX	스크롤 X축의 이동한 거리를 계산하여 마우스 포인터의 X좌표값을 반환
pageY	스크롤 Y축의 이동한 거리를 계산하여 마우스 포인터의 Y좌표값을 반환
screenX	화면 모니터를 기준으로 마우스 포인터의 X좌표값 반환
screenY	화면 모니터를 기준으로 마우스 포인터의 Y좌표값 반환
layerX	position을 적용한 요소를 기준으로 마우스 포인터의 X좌표값 반환
layerY	position을 적용한 요소를 기준으로 마우스 포인터의 Y좌표값 반환
button	마우스 버튼 종류에 따라 값을 변환(왼쪽:0, 휠:1, 오른쪽:2)

 

2. jQuery 문서로딩 이벤트

이벤트	설명
ready	해당 페이지가 로딩되었을 때에(처음 읽힐 때에) 발생
unload	해당 페이지를 빠져나갈 때에 발생

 

3 jQuery 폼 이벤트

이벤트	설명
blur	노드에서 포커스가 떠날 때에 발생
change	노드의 값이 변경될 때에 발생
focus	노드가 포커스를 획득했을 때에 발생
select	유저가 텍스트를 선택했을 때에 발생
submit	폼의 내용을 전송할 때에 발생

 

4 jQuery 키보드 이벤트

이벤트	설명
keydown	해당 영역에서 키보드를 눌렀을 때에 발생
keypress	해당 영역에서 키보드를 계속 누르고 있을 때에 발생
keyup	해당 영역에서 키보드를 눌렀다가 떼었을 때 발생
keyCode	키보드의 아스키 코드값을 변환
altKey	이벤트 발생 시 Alt 키가 눌렸으면 true를, 아니면 false를 반환
ctrlKey	이벤트 발생 시 Ctrl 키가 눌렸으면 true를, 아니면 false를 반환
shiftKey	이벤트 발생 시 Shift 키가 눌렸으면 true를, 아니면 false를 반환

 

5 jQuery 웹 브라우저 이벤트

이벤트	설명
resize	웹브라우저 윈도우 사이즈의 변화가 있을 때
scroll	스크롤이 움직일 때에 발생

 

6. 사용법

$("#btn").on("click", function(e){
  alert('클릭이벤트 발생');       
});