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