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

Estrada Web Group
Administrador
¿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 artículo:

Más artículos geniales

Todo lo que necesitas saber sobre JavaScript y SEO para ser el número uno en Google

Todo lo que necesitas saber sobre JavaScript y SEO para ser el número uno en Google

Si ha utilizado JavaScript para su sitio web, es importante recordar que puede frustrar sus intenciones al evitar que su sitio se indexe en Google. Compartiremos algunos consejos útiles y luego explicaremos cómo solucionar errores comunes de SEO de JavaScript.

Ver artículo completo
¿Cómo obtener la latitud y longitud en google maps a partir de una dirección?

¿Cómo obtener la latitud y longitud en google maps a partir de una dirección?

Si desea encontrar obtener la latitud y longitud de Google Maps con jquery y javascript. Entonces tienes el lugar correcto. obtener la latitud y la longitud de la dirección utilizando las API de Google Map con jquery y javascript

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla ;