jQuery | event.currentTarget Property
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:
