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
  • Video Tutorial on Mouse Events




plus2net.com



Post your comments , suggestion , error , requirements etc here .







Most Popular JQuery Scripts

1

Two dependant list boxes

2

Calendar with Date Selection

3

Data change by Slider

4

Show & Hide element


JQuery Video Tutorials




We use cookies to improve your browsing experience. . Learn more
©2000-2020 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer