jquery - 单击此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

尝试

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')
    })
});

Answer 2

在单击事件上取消绑定mousemove 事件，就像我给出一个想法以获取更多详细信息，请参阅绑定和取消绑定

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 3

你的意思是：

$( "#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');
   }
});