(jQuery) 이벤트

기본 이벤트들

Mouse Events	Keyboard Events	Form Events	Document/Window Events
click	keypress	submit	load
dblclick	keydown	change	resize
mouseenter	keyup	focus	scroll
mouseleave		blur	unload

 

<p> 객체를 클릭했을 때 이벤트를 발생하고 싶다면

$("p").click() 처럼 쓰는데 다음 행동을 정의하고 싶을땐 아래와 같이 코딩하면 된다.

$("p").click(function (){

다음에 할 행동들

});

흔히 사용되는 jQuery 이벤트 메소드들

$(document).ready() 

문서가 전부 불러왔을 때 발생하는 이벤트

click() 

HTML 객체를 클릭했을 때 발생하는 이벤트

dblclick()

HTML 객체를 더블클릭 했을 때 발생하는 이벤트

mouseenter()

HTML 객체에 마우스를 올렸을 때 발생하는 이벤트

mouseleave()

HTML 객체에 마우스를 올렸다가 땔떼 발생하는 이벤트

mousedown()

HTML 객체를 마우스 왼쪽,중간(휠),오른쪽로 눌렀을 했을 때 발생하는 이벤트

mouseup()

HTML 객체를 마우스 왼쪽,중간(휠),오른쪽로 땠을 때 발생하는 이벤트 (다른 곳을 누른 상태로 객체에 마우스 올려도 발생)

hover()

mouseenter() 와 mouseleave() 메소드를 사용하는 메소드

순서는 mouseenter() -> mouseleave() 순이다.

focus()

HTML 폼 영역이 포커싱 될때 발생하는 이벤트

blur()

HTML 폼 영역이 포커싱을 잃었을 때 발생하는 이벤트

on() 메소드

선택된 객체에 하나 이상의 이벤트 핸들러들을 붙일 때 사용한다.

$(선택자).on({

이벤트: function(){

},

이벤트1: function(){

},

...

});