HTML | Propiedad de evento de destino actual

La propiedad de evento currentTarget se usa para devolver el elemento cuyos detectores de eventos son responsables de desenstringr el evento. La propiedad de evento currentTarget generalmente se usa durante la captura y la difusión.

Sintaxis:

event.currentTarget

El siguiente programa ilustra la propiedad del evento currentTarget :

Ejemplo: Obtener el elemento cuyos detectores de eventos activaron un evento específico.

<!DOCTYPE html>
<html>
  
<head>
    <title>currentTarget Event Property in HTML</title>
    <style>
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    </style>
</head>
  
<body onclick="MyEvent(event)">
  
    <h1>GeeksforGeeks</h1>
    <h2>currentTarget Event Property</h2>
  
    <p>Click on this line to receive an 
      alert box with the element whose 
      event listener triggered the event.</p>
  
    <script>
        function MyEvent(event) {
            alert(event.currentTarget.nodeName);
        }
    </script>
  
</body>
  
</html>       

Producción:

Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Navegadores compatibles:

  • Ópera
  • explorador de Internet
  • Google Chrome
  • Firefox
  • safari de manzana

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *