Skip to content
Related Articles

Related Articles

jQuery | event.currentTarget Property
  • Last Updated : 26 Feb, 2019

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 :