28% de descuento del curso en SQL Server

Estrada Web Group Estrada Web Group
Método addEventListener
Estrada Web Group
Estrada Web Group
Estrada Web Group Estrada Web Group
Calificar:
24 enero Javascri..

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

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

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.

Compartir:

Cargando...
Descarga el código fuente

Obten el código del sistema de gestión de proyectos.

Shape