Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM type Event Property

  • Last Updated : 18 Jan, 2019

The type event property in HTML DOM is used to return the type of the triggered event. It returns a string which represents the type of the event. The events can be keyboard events or mouse events.

Syntax:

event.type

Return Value: It returns a string which represents the type of event.

Example:




<!DOCTYPE html>
<html>
    <head
        <title>
            HTML DOM type Event Property
        </title
    </head>
      
    <body
        onmousedown = "event_name(event)"
        onmouseup = "event_name(event)"
        onkeydown = "event_name(event)"
        onkeyup = "event_name(event)">
          
        <h1>GeeksforGeeks</h1
        <h2>DOM type Event Property</h2
          
        <p>
            press any key or click the mouse
            to get event name.
        </p>
          
        <p>Triggered Event: <span id = "GFG"></span></p>
          
        <!-- script to display event name -->
        <script>
            function event_name(event) {
                var e = event.type;
                document.getElementById("GFG").innerHTML = e;
            }
        </script>
    </body>
</html>                    

Output:
Before Click on the button:

After click on the button:

Supported Browsers: The browsers supported by DOM type event property are listed below:

  • Opera
  • Internet Explorer 9.0
  • Google Chrome
  • Firefox
  • Apple Safari

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :