Skip to content
Related Articles

Related Articles

Improve Article

HTML | currentTarget Event Property

  • Last Updated : 18 Jan, 2019

The currentTarget event property is used for returning the element whose event listeners are responsible for triggering the event. The currentTarget event property is generally used during capturing and bubbling.

Syntax :

event.currentTarget

Below program illustrates the currentTarget event property :

Example: Getting the element whose event listeners triggered a specific event.




<!DOCTYPE html>
<html>
  
<head>
    <title>currentTarget Event Property in HTML</title>
    <style>
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    </style>
</head>
  
<body onclick="MyEvent(event)">
  
    <h1>GeeksforGeeks</h1>
    <h2>currentTarget Event Property</h2>
  
    <p>Click on this line to receive an 
      alert box with the element whose 
      event listener triggered the event.</p>
  
    <script>
        function MyEvent(event) {
            alert(event.currentTarget.nodeName);
        }
    </script>
  
</body>
  
</html>       

Output:



Before clicking the button:

After clicking the button:

Supported Browsers:

  • Opera
  • Internet Explorer
  • 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 :