제이쿼리 이벤트

제이쿼리 이벤트

웹페이지에서 사용자와 상호작용하는 것을 이벤트를 발생시킨다고 합니다.

특정 이벤트를 발생시키기 위해 처리하는 함수를 이벤트 핸들러 함수라고 하며

이 이벤트를 실행하는 것을 이벤트 바인딩 이라고 합니다.

이벤트 종류

click	클릭 했을 때
dblclick	더블클릭 했을 때
hover	mouseenter와  mouseleave 이벤트를 하나로 연결합니다.
mousedown	마우스를 눌렀을 때
mouseenter, mouseover	마우스를 올렸을 때
mouseleave, mouseout	마우스를 올렸다가 나갔을 때
mousemove	마우스를 움직였을 때
mouseup	마우스를 누른 후 놓았을 때
keydown, keypress	특정 키를 눌렀을 때
keyup	특정 키를 누른 후 놓았을 때

 

 

이벤트 등록과 실행

$대상.on(‘이벤트명’, 이벤트리스너);

$(‘대상’).on(‘이벤트명’, function(){
       이벤트가 만족되었을 때 실행되는 구문;
});



$(‘대상’).on(‘이벤트명  이벤트명’, function(){
       이벤트가 만족되었을 때 실행되는 구문;
});



$(‘대상’).on(‘이벤트명’, function(){
       이벤트가 만족되었을 때 실행되는 구문;
}).on(‘이벤트명’, function(){
       이벤트가 만족되었을 때 실행되는 구문;
});



$(‘대상’).on(‘이벤트명’, function(){
       이벤트가 만족되었을 때 실행되는 구문;
}, '이벤트명', function(){
	   이벤트가 만족되었을 때 실행되는 구문;
})

 

$대상.이벤트명(이벤트리스너);

Jquery 1.7 버전 이 후 이 방법을 사용해도 내부적으로 .on() 메서드를 이용하여 바인딩합니다.

$(‘대상’).이벤트(function(){
       이벤트가 만족되었을 때 실행되는 구문;
});

$(‘대상’).이벤트1(function(){
       이벤트가 만족되었을 때 실행되는 구문;
}).이벤트2(function(){
       이벤트가 만족되었을 때 실행되는 구문;
});