Mouse entry and exit events using JQUERY

We can trigger event when mouse is entered inside an element.

$(selector).mouseenter(function)

Once mouse leave the element.

$(selector).mouseleave(function)

Here is the demo. Bring your mouse inside this textarea and then take out. The respective function will display message inside another div tag d1.

JQuery

<script>
$(document).ready(function() {
  
$('#t123').mouseenter(function(){
 $('#d1').html("Mouse  entered function ");
})
////
$('#t123').mouseleave(function(){
 $('#d1').html("Mouse leave function  ");
})
//////
});
</script>

HTML

<textarea name=t123 rows=4 cols=60 id=t123>
Bring your mouse inside this area and take it out.  
</textarea><div  id=d1></div>

← Event Reference Mouse Hover event DEMO of Mousemove→

• Video Tutorial on Mouse Events

plus2net.com

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

Detail