[jQuery] 마우스 이벤트 및 각종 이벤트 정리

jQuery 이벤트 정리이다.

 

 

마우스 이벤트

이벤트	설명
click	노드(elements)를 마우스 포인터로 눌렀다가 떼었을 때에 발생
dblclick	노드를 더블 클릭 했을 때에 발생
hover	mouseenter와 mouseleave 이벤트를 한번에 bind한다.
mousedown	노드 영역에서 마우스를 눌렀다가 떼었을 때에 발생
mouseenter	노드에 마우스가 진입했을 때에 발생(자식노드에서는 이벤트를 감지 못함)
mouseleave	마우스가 노드에서 벗어났을 때에 발생
mousemove	노드 영역에서 마우스를 움직였을 때에 발생
mouseout	노드에서 마우스 포인터가 떠났을 때에 발생
mouseover	노드 영역에서 마우스를 올려놓았을 때 발생 (내부노드까지 이벤트를 감지)
mouseup	마우스 포인터를 노드에 올려놓고 마우스 버튼을 눌렀다 떼었을 때에 발생
toggle	click 이벤트에 핸들러를 바인딩하고 클릭할 때마다 실행될 함수들을 차례대로 실행

 

문서로딩 이벤트

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

 

폼 이벤트

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

 

키보드 이벤트

이벤트	설명
keydown	해당 영역에서 키보드를 눌렀을 때에 발생
keypress	해당 영역에서 키보드를 계속 누르고 있을 때에 발생
keyup	해당 영역에서 키보드를 눌렀다가 떼었을 때 발생

 

 

웹 브라우저 이벤트

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

 

 

 

참조:https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=likingyo&logNo=221172180338