HTML | DOM type Event Property
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
Please Login to comment...