¿Para qué sirve el método addEventListener de Javascript?

El método addEventListener() nos sirve para registra un evento a un objeto en específico. El objeto especifico puede ser un simple elemento en un archivo, el mismo documento, una ventana o un XMLHttpRequest.


AddEventListener () es una función o método incorporado en JavaScript que toma el evento y lo pone a escuchar, y un segundo argumento para llamar cada vez que se desencadena el evento descrito. Se puede agregar cualquier número de controladores de eventos a un solo elemento sin sobrescribir los controladores de eventos existentes.

element.addEventListener (event, listener);

Parámetros:

  • evento: evento puede ser cualquier evento de JavaScript válido. Los eventos se utilizan sin el prefijo "on", como "clic" en lugar de "onclick" o "mousedown" en lugar de "onmousedown".
  • listener (función de controlador): puede ser una función de JavaScript que responde al evento que se produce.

Ejemplo JavaScript para mostrar el funcionamiento del método addEventListener ():

<!DOCTYPE html> 
 <html>  
 <body> 
      <button id= "try" >Clic aquí </button> 
      <h1 id= "text" ></h1> 
     <script> 
      document.getElementById( "try" ).addEventListener( "click" , function ()
{ 
      document.getElementById( "text" ).innerText = "Estrada Web Group" ;}); 
     </script> 
 </body> 
  </html>

En el ejemplo anterior, cuando el usuario da clic en el botón try, se asigna el texto Estrada Web Group a la etiqueta h1.

Artículos relacionados
0 Comentarios
Enviame un comentario