jQuery Selector :hover check if the mouse is over an element

Description

jQuery Selector :hover check if the mouse is over an element

View in separate window 

<!DOCTYPE html>
<html lang="en">
<head>
<title>Detect If Hovering Over an Element in jQuery</title>
<style>
    div{//from  w  w w  .j a v a  2s . c  o m
        margin: 80px;
        height: 200px;
        background: blue;
    }
</style>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
    $(document).mousemove(function(){
         if($("#myDiv:hover").length != 0){
            $(".hint").text("Mouse is Over the DIV Element.");
        } else{
            $(".hint").text("Mouse is Outside the DIV Element.");
        }
    });
});
</script>
</head>
<body>
    <div id="myDiv"></div>
    <p class="hint"><!-- Hint text will be displayed here --></p>
</body>
</html>



PreviousNext

Related