¿Cuál es el método AddEventListener en JavaScript?.
En esta publicación tendremos una discusión detallada sobre el AddEventListener () Método en JavaScript y cómo podemos usarlo para capturar y manejar eventos.
¿Qué es addEventListener () en JavaScript?
JavaScript nos proporciona el addEventListener () método, que es una función incorporada que se puede utilizar para especificar una función que se ejecutará en caso de que se active un evento particular.
Sintaxis
Target_element.AddEventListener (evento, función, useCapture)Target_element: Este es el elemento HTML al que queremos adjuntar el controlador de eventos.
Los parámetros son:
- evento: Es un evento de JavaScript válido que se escribe sin el prefijo 'On'. Por ejemplo, 'Click' está escrito en lugar de 'OnClick'. El función se ejecuta una vez que ocurre este evento.
- función: Esta función es un oyente que se ejecuta en respuesta a un evento activado.
- Usecapture: Es un valor booleano opcional que decide qué tipo de evento usar (burbujeo de eventos o captura de eventos).
¿Qué están burbujeando y capturando para eventos?
El tercer parámetro booleano opcional, Usecapture, Determina la propagación del evento, que decide la secuencia de ocurrencia de un evento.
Si hay
elemento dentro de un elemento y el usuario hace clic en el
elemento, ¿cuál del evento de clic debería ocurrir primero??
En burbujeo, que está representado por falso, la secuencia de ocurrencia va de interna a exterior. El
La etiqueta se manejará primero y luego la etiqueta.
Mientras que, para capturar, que se representa a través de verdad, el evento más externo se maneja primero antes del elemento interno. Primero, será manejado y luego el
etiqueta.
Ejemplo
Aquí, se pasan dos parámetros. Al hacer clic en el botón, se llama la función que muestra el texto:
Conclusión
El AddEventListener El método en JavaScript le permite capturar eventos y luego ejecutar la función especificada en función del evento que ha ocurrido. Se necesitan tres parámetros; uno de los cuales es opcional. El tercer parámetro (opcional), Usecapture, es un parámetro booleano que decide la secuencia de los eventos que están ocurriendo. En esta publicación hemos tenido una discusión exhaustiva sobre lo que es el addEventListener () Método y cómo usarlo de manera efectiva en nuestro código JavaScript.