[javascript/jquery] jquery mouseover event example / jquery 마우스오버 이벤트 예제

[javascript/jquery] jquery mouseover event example / jquery 마우스오버 이벤트 예제

 

 

jquery 에서

 

특정영역에 마우스를 가져 갔을때

 

이미지를 교체한다든가

 

특정 문구를 노출한다든가,

 

알럿창을 띄우는 등

 

특정 액션을 취해야 하는 경우가 종종 있습니다.

 

그때는

 

아래와 같이 mouseover 이벤트를 이용하시면 됩니다!

 

 

예를들어

 

아래와 같이 id_div 라는 id 를 가지는 div 태그가 있다고 가정하고,

<div id="id_div"></div>

 

마우스를 위 div 영역으로 옮겼을때

 

특정 액션을 취하고 싶으면

 

아래 코드처럼 mouseover 이벤트를 등록하고

 

취하고자 하는 액션을 작성해 주시면 됩니다!

 

$( document ).ready(function() {
    $("#id_div").mouseover(function() {
        // to do
    });
});

 

참고들 하세요!