I have to implement mouse move event only when mouse down is pressed.
I need to execute “OK Moved” only when mouse down and mouse move.
I used this code
$(".floor").mousedown(function() {
$(".floor").bind('mouseover',function(){
alert("OK Moved!");
});
})
.mouseup(function() {
$(".floor").unbind('mouseover');
});
Advertisement
Answer
Use the mousemove event.
From mousemove and mouseover jquery docs:
The
mousemoveevent is sent to an element when the mouse pointer moves inside the element.The
mouseoverevent is sent to an element when the mouse pointer enters the element.
Example: (check console output)
$(".floor").mousedown(function () {
$(this).mousemove(function () {
console.log("OK Moved!");
});
}).mouseup(function () {
$(this).unbind('mousemove');
}).mouseout(function () {
$(this).unbind('mousemove');
});