Skip to content
Related Articles

Related Articles

jQuery | event.currentTarget Property

View Discussion
Improve Article
Save Article
  • Last Updated : 26 Feb, 2019
View Discussion
Improve Article
Save Article

The event.currentTarget property in jQuery is used to return the current DOM element within the event bubbling phase.
The event.currentTarget is typically equal to “this”.

Syntax:

event.currentTarget

Parameter:

  • event: It is required parameter and this parameter comes from the event binding function.

Example-1:




<!DOCTYPE html>
<html>
  
<head>
    <title>
      jQuery event.currentTarget Property
  </title>
    <script src=
  </script>
    
  <script>
        $(document).ready(function() {
          $("h1, h2, p").click(function(event) {
             alert(event.currentTarget === this);
            });
        });
    </script>
</head>
  
<body>
    <center>
        <h1 id="geeks1" style="color:green;">
          GeeksForGeeks
      </h1>
        <h2 id="geeks2">
          jQuery event.currentTarget Property
      </h2>
        <p>
          <b>Note:</b> Click on each HTML element.
      </p>
    </center>
</body>
  
</html>


Output:

Before Click:

After click on any element:

Example-2:




<!DOCTYPE html>
<html>
  
<head>
    <title>
      jQuery event.currentTarget Property
  </title>
    
    <script src=
  </script>
   
  <script>
        $(document).ready(function() {
         $("h1, p").click(function(event) {
             alert(event.currentTarget.innerHTML);
            });
        });
    </script>
</head>
  
<body>
    <center>
        <h1 id="geeks1" 
            style="color:green;">
          GeeksForGeeks
      </h1>
        <h2 id="geeks2">
          jQuery event.currentTarget Property
      </h2>
        <p>
        <b>Note:</b> Click on each HTML element.
      </p>
    </center>
</body>
  
</html>


Output:

Before Click:

After click on Geeksforgeeks:


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!