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




Subscribe

* indicates required
Subscribe to plus2net

    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-2024 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer