Eventos y Escuchas en JavaScript

Questions and Answers

Una función que se ejecuta automáticamente

Un tipo de bucle

Un tipo de variable

Una acción o ocurrido que desencadena una respuesta en el código JavaScript (correct)

onEvent()

listenEvent()

addEventListener() (correct)

attachEvent()

Para detener la ejecución de una función

Para ejecutar una función cuando se produce un evento (correct)

Para redirigir a otra página

Para mostrar un mensaje de alerta

Load Signup and view all the answers

removeEventListener() Signup and view all the answers

Si se utiliza captura de eventos o burbuja Signup and view all the answers

Study Notes

What are Events?

An event is an action or occurrence that happens in the browser, such as a mouse click, key press, or page load.
Events trigger a response or action in the JavaScript code.

Types of Events

Mouse Events:
- Click
- Double-click
- Mouseover
- Mouseout
- Mousedown
- Mouseup
Keyboard Events:
- Keydown
- Keyup
- Keypress
Form Events:
- Submit
- Reset
- Change
- Focus
- Blur
Window Events:
- Load
- Unload
- Resize
- Scroll

What are Listeners?

A listener is a function that is attached to an element to listen for a specific event.
When the event occurs, the listener function is executed.

Adding Event Listeners

addEventListener() Method:
- Syntax: element.addEventListener(event, function, useCapture)
- event: the type of event to listen for (e.g. "click", "mouseover")
- function: the function to execute when the event occurs
- useCapture: optional, specifies whether to use event capturing or bubbling
addEventListener() Example:

const button = document.getElementById('myButton');
button.addEventListener('click', function() {
  console.log('Button clicked!');
});

Removing Event Listeners

removeEventListener() Method:
- Syntax: element.removeEventListener(event, function, useCapture)
- Removes an event listener from an element

const button = document.getElementById('myButton');
button.removeEventListener('click', function() {
  console.log('Button clicked!');
});

Un evento es una acción o ocurrencia que sucede en el navegador, como un clic del mouse, una pulsación de tecla o carga de página, que desencadena una respuesta o acción en el código JavaScript.

Eventos del mouse:
- Clic
- Doble clic
- Mouseover
- Mouseout
- Mousedown
- Mouseup
Eventos del teclado:
- Keydown
- Keyup
- Keypress
Eventos de formularios:
- Submit
- Reset
- Change
- Focus
- Blur
Eventos de ventana:
- Load
- Unload
- Resize
- Scroll

Un oyente es una función que se adjunta a un elemento para escuchar un evento específico, y se ejecuta cuando ocurre el evento.

Método addEventListener():
- Sintaxis: elemento.addEventListener(evento, función, useCapture)
- evento: tipo de evento que se va a escuchar (por ejemplo, "clic", "mouseover")
- función: función que se ejecutará cuando ocurra el evento
- useCapture: opcional, especifica si se utiliza captura de eventos o burbuja

Se puede agregar un oyente de eventos a un elemento utilizando el método addEventListener(), como en el caso de un botón que cuando se hace clic, imprime un mensaje en la consola.

Método removeEventListener():
- Sintaxis: elemento.removeEventListener(evento, función, useCapture)
- Elimina un oyente de eventos de un elemento