.mouseenter() Event

Syntax

.mouseenter( handler(eventObject) )

Description

.mouseenter event is used to perform a function while the mouse pointer enters the particular element. The below example shows how to perform a mouse enter function on a element in JQuery.

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("#com").val(""); $("#com").mouseenter(function(){ $("#com").val("Mouse Enter event is performed here........"); }); $("#com").mouseout(function(){ $("#com").val(""); }); }); </script> <br><font color="Red">Mouse Click on Comment Box.</font><br>Comment :<input type='text' id="com" size=40><br>