.png)
.png)
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.
