jquery 함수를 클릭 한 후 mousemove를 삭제하는 방법은 무엇입니까?

Question

이것은 마우스 움직임에 따라 오는 버튼입니다. 마우스를 클릭하면이 버튼을 멈추고 싶습니다!

jQuery(document).ready(function() { 

$("#enbfb-button-wrapper-5").parent().mousemove(function(e) { 

jQuery("#enbfb-button-wrapper-5").css({ 
top: e.pageY - 10, left: e.pageX + 30 

}); 
}); 

나는 mousemove를 죽여야한다고 생각합니다! 제발 어떻게 그럴 수있어?

감사

Answer 1

자세한 내용은 당신이 좋아하는 의미 Bind 및 unbind

jQuery(document).ready(function() { 

$("#enbfb-button-wrapper-5").parent().mousemove(function(e) { 

jQuery("#enbfb-button-wrapper-5").css({ 
top: e.pageY - 10, left: e.pageX + 30 

}); 

$("#enbfb-button-wrapper-5").parent().click(function(e) { 

$("#enbfb-button-wrapper-5").parent().unbind("mousemove"); 

}); 


}); 

Answer 2

을 시도해보십시오

$("#enbfb-button-wrapper-5").parent().on('mousemove click', function(e) { 
    if(e.type == 'mousemove') { 
     $("#enbfb-button-wrapper-5").css({ 
      top: e.pageY - 10, left: e.pageX + 30 
     }); 
    } 
    else if(e.type == 'click') { 
     $("#enbfb-button-wrapper-5").parent().unbind('mousemove'); 
    } 
}); 

Answer 3

를 참조하십시오 내가 아이디어를 제공하고 처럼 unbind에서 mousemove 이벤트 클릭 이벤트에

jQuery(document).ready(function() { 

    var $btn = $("#enbfb-button-wrapper-5"); 
    $btn.parent().on('mousemove.wrappermove', function(e) { 
     $btn.css({ 
      top: e.pageY - 10, left: e.pageX + 30 
     }); 
    }); 

    $btn.on('click', function(){ 
     $btn.parent().off('mousemove.wrappermove') 
    }) 
});