Site icon i2tutorials

Javascript Mouse Events

Javascript Mouse Events

 

Mouse event types:

 

Event Handler                                    Description

onclick                                      Mouse click on an element.

onmouseover                          Cursor of the mouse comes over the element.

onmouseout                            Cursor of the mouse leaves an element.

onmousedown                        Mouse button is pressed over the element.

onmouseup                             Mouse button is released over the element.

onmousemove                        Mouse movement takes place.

 

MouseOver Event:

 

<html>
<head>
<h1> Javascript Events </h1>
</head>
<body>
<script language="Javascript" type="text/Javascript">
         <!--
         function mouseoverevent()
         {
                alert("This is JavaTpoint");
         }
         //-->
</script>
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>
</body>
</html>

 

OUTPUT:

 

Javascript Events
Keep cursor over me

 

 

Exit mobile version