HTML | currentTarget Event Property

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 :


Below program illustrates the currentTarget event property :

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





<!DOCTYPE html>
    <title>currentTarget Event Property in HTML</title>
        h1 {
            color: green;
        h2 {
            font-family: Impact;
        body {
            text-align: center;
<body onclick="MyEvent(event)">
    <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>
        function MyEvent(event) {



Before clicking the button:

After clicking the button:

Supported Browsers:

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

My Personal Notes arrow_drop_up

I am a technology enthusiast who has a keen interest in programming I am pursuing Engineering in Computer Science from GEU, Dehradun I like to unwind by watching movies and English sitcomsI have a keen interest in music

If you like GeeksforGeeks and would like to contribute, you can also write an article using or mail your article to See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.