본문 바로가기
퍼블리셔/jquery

mouseenter / mouseleave / click 함께 사용하기

by onSlow 2019. 9. 27.
반응형

mouseenter / mouseleave / click을 함께 사용해야 하는 경우,

click에 .off('mouseleave')를 적용해 click에 적용한 mouseenter와 동일한 효과 줄 수 있도록

$('.on').on({
    mouseover: function(){
        //effect_01;
    },
     mouseleave: function(){
        //effect_01_out;
    },
    click: function(){
        $(this).off('mouseleave');
        //effect_01;
    }
});
반응형

'퍼블리셔 > jquery' 카테고리의 다른 글

animate 다중클릭/중복클릭/다클릭 방지  (0) 2019.11.14
<a href="#id">로 이동 부드럽게 하기  (0) 2019.11.12
:empty 사용하기  (0) 2019.10.22
scroll bottom 구하는 법  (0) 2019.10.04
mouseenter/mouseleave 적용  (0) 2019.09.25