2015-06-13 6 views
5

Ich muss Mausbewegung Ereignis nur implementieren, wenn die Maustaste gedrückt ist.wie mouse move zu implementieren, während mouseDown gedrückt js

Ich muss "OK Moved" nur ausführen, wenn Maus und Maus bewegen.

benutzte ich diesen Code

$(".floor").mousedown(function() { 
    $(".floor").bind('mouseover',function(){ 
     alert("OK Moved!"); 
    }); 
}) 
.mouseup(function() { 
$(".floor").unbind('mouseover'); 
}); 

Antwort

11

Verwenden Sie das mosemove Ereignis.

Von mousemove und mouseover jquery docs:

Das mousemove Ereignis an ein Element gesendet wird, wenn der Mauszeiger bewegt innerhalb des Elements.

Das Ereignis mouseover wird an ein Element gesendet, wenn der Mauszeiger das Element betritt.

Beispiel: (Kontrollkonsolenausgabe)

$(".floor").mousedown(function() { 
    $(this).mousemove(function() { 
     console.log("OK Moved!"); 
    }); 
}).mouseup(function() { 
    $(this).unbind('mousemove'); 
}).mouseout(function() { 
    $(this).unbind('mousemove'); 
}); 

https://jsfiddle.net/n4820hsh/

+0

wenn u zum ersten Mal in die Box klicken und die Maus bewegen, es funktioniert gut, aber wenn u bewegen Sie die Maus wieder die ohne Knopfdruck funktioniert es auch! Darunter leide ich: 3. Ich muss nur arbeiten, wenn die Maus drückt und bewegt. – M1M6

+0

bearbeitet: muss auch beim Verlassen der Box gelöst werden. Jetzt sollte es nur funktionieren, wenn du die Maus in die Box drückst und dich hineinbewegst. –

+0

es funktioniert gut :) danke uuuuuu :) – M1M6

Verwandte Themen