0306/jQuery event

쌍용교육센터에서 공부한 내용을 정리하며 기록하는 글이고 주관적인 생각이 들어갈 수 있습니다.
잘못된 내용이나 피드백 및 생각 공유는 언제든 환영입니다.
댓글로 남겨주시면 확인 후 수정하겠습니다.
내용에 대한 소스 코드는 https://github.com/2jaehoon/html에 올려두었습니다.

 

jQuery event

  - blur : 커서가 빠져나갈 때 – focusout과 비슷

 $("selector").blur(function(){
// 코드
});

 

  - mouseover : 마우스 포인터가 들어왔을 때

$("selector").mouseover(function(){
// 코드
});

  - mouseout : 마우스 포인터가 나갔을 때

$("selector").mouseout(function(){
     
});

 

  - hover : 마우스 포인터가 들어갔을 때와 나갔을 때의 처리

$("selector").hover(
// 발생된 이벤트를 함수 안에서 받기 위한 evt 매개 변수 선언
function( evt ){ 포인터가 들어갔을 때 코드}
,
function(){ 포인터가 나갔을 때 코드 }
);

  - mousemove : 마우스 포인터가 움직였을 때 

// 발생된 이벤트를 함수 안에서 받기 위한 evt 매개 변수 선언
$("selector").mousemove(function( evt ){

});

 

  - keydown : 키가 눌렸을 때.

$("selector").keydown(function( evt ){

});
// evt 객체에서 키코드는 얻을 수 있지만 입력 값은 얻을 수 없다.

  - keyup : 키가 올라올 때.

$("selector").keyup(function( evt ){
 
});
// evt 객체에서 키코드와 입력 값 모두 없을 수 있다.