Run function when the mouse pointer leaves the HTML element - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:mouseleave

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. mouseleave

Description

Run function when the mouse pointer leaves the HTML element

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#p1").mouseleave(function(){
        console.log("Bye! You now leave p1!");
    });/*from   w w w. jav  a 2  s .  c  om*/
});
</script>
</head>
<body>

<p id="p1">This is a paragraph.</p>

</body>
</html>

Related Tutorials