Mousemove event using JQUERY

We can trigger event when mouse is moved over an selected element.

$(selector).mousemove(function)

In our demo we will use mouseout event along with mouseover event to display or change the messages.

When Mouse enters inside the message will be displayed and same way mouse out message will be displayed when mouse goes out of the selected element.

Here is the code …

<script>
$(document).ready(function() {

$('#d1').mousemove(function(){
$("#t1").html('You have moved the mouse inside box');
});

$('#d1').mouseout(function(){
$("#t1").html('You have moved Out ');
});

})
</script>

Event Reference DEMO of Mousemove