currentTargetPropiedad de evento
Objeto de evento
Definición y uso
La propiedad de evento currentTarget devuelve el nodo cuyo listener desencadenó el evento, es decir, el elemento, documento o ventana que está manejando actualmente el evento.
En las fases de captura y burbujeo, esta propiedad es muy útil, porque en estos dos nodos, difiere de la propiedad target.
Sintaxis
event.currentTarget
Ejemplo
Ejemplo
El siguiente ejemplo obtiene el elemento cuyo listener desencadenó el evento:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos(example.com)</title>
<script>
function myFunction(e){
alert(e.currentTarget);
}
</script>
</head>
<body onclick="myFunction(event)">
<p>Haz clic en este párrafo. Un cuadro de alerta mostrará el elemento cuyo listener de eventos desencadenó el evento.</p>
<p><strong>Nota:</strong> la propiedad currentTarget no necesariamente devuelve el elemento en el que se hizo clic, sino el elemento cuyo listener de eventos desencadenó el evento.</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos(example.com)</title>
<script>
function myFunction(e){
alert(e.currentTarget);
}
</script>
</head>
<body onclick="myFunction(event)">
<p>Haz clic en este párrafo. Un cuadro de alerta mostrará el elemento cuyo listener de eventos desencadenó el evento.</p>
<p><strong>Nota:</strong> la propiedad currentTarget no necesariamente devuelve el elemento en el que se hizo clic, sino el elemento cuyo listener de eventos desencadenó el evento.</p>
</body>
</html>
Pruébalo »
Objeto de evento Otras extensiones