jQuery 이벤트 주기 hover - mouseover, mouseout 이벤트를 한번에

jQuery Events - hover 이벤트로 마우스 오버일때와 아웃일때의 경우를 한번에 처리할 수 있습니다.

 

보통 hover 하게 되면 마우스 오버일 때만 생각하기 쉬운데.. 마우스가 오버될때나 키보드가 접근이 될 때우에도 포함이 됩니다. 따라서 웹접근성으로 제작하실 때에는 필요한 이벤트라고 생각이 듭니다.

 

hover(over, out) 형식과 같이 hover 이벤트에는 두가지의 파라메터가 들어갈 수 있습니다. 즉 들어가게되는 인자는 콜백 함수로 함수의 이름을 써주는 것입니다. 아니면 아래와 같이 직접 함수의 구현부를 직접 써줄수도 있습니다.

 

jQuery(function($){
     $('p').hover(

function(){

// 마우스 오버일 경우에 실행

},

function(){

// 마우스 아웃될 경우에 실행

}

);

 

});

 

 

 

샌프란시스코에서 열리는 jQuery 컨퍼런스, 2012년 28~29일

 

위와같이 처리하면 hover 라는 이벤트만 알면.. 기본적인 jQuery 기능 구현에는 문제가 없을것 같습니다. 

 

jQuery 이벤트에 대한 많은 정보를 원하시면 http://api.jquery.com/category/events/ 여기를 참고하세요. 그리고 오랜만에 jQuery 사이트에 들어가보니 다음달(6월)에 28일~29일 이틀간 샌프란시스코에서 jQuery 컨퍼런스를 하는것 같군요. 미국에 살고 있었다면 한번 가고 싶은데..ㅋ 아쉽네요.^^;