La propiedad event.currentTarget en jQuery se usa para devolver el elemento DOM actual dentro de la fase de burbujeo del evento .
event.currentTarget suele ser igual a » this» .
Sintaxis:
event.currentTarget
Parámetro:
- event: es un parámetro obligatorio y este parámetro proviene de la función de vinculación de eventos.
Ejemplo 1:
<!DOCTYPE html> <html> <head> <title> jQuery event.currentTarget Property </title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </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>
Producción:
Antes de hacer clic:
Después de hacer clic en cualquier elemento:
Ejemplo-2:
<!DOCTYPE html> <html> <head> <title> jQuery event.currentTarget Property </title> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </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>
Producción:
Antes de hacer clic:
Después de hacer clic en Geeksforgeeks:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA