Acción o suceso que ocurre en un programa, como un clic del ratón o el envío de un formulario.
Los eventos desencadenan respuestas predefinidas. Son fundamentales para la interactividad en aplicaciones.
// Eventos en el navegador const boton = document.getElementById('mi-boton'); // Click boton.addEventListener('click', (event) => { console.log('Botón clickeado'); event.preventDefault(); // Prevenir comportamiento default }); // Teclado document.addEventListener('keydown', (e) => { if (e.key === 'Escape') cerrarModal(); if (e.ctrlKey && e.key === 's') guardar(); }); // Formulario form.addEventListener('submit', async (e) => { e.preventDefault(); const formData = new FormData(e.target); await enviarDatos(Object.fromEntries(formData)); }); // Eventos personalizados const miEvento = new CustomEvent('usuarioLogueado', { detail: { userId: 123 } }); document.dispatchEvent(miEvento); document.addEventListener('usuarioLogueado', (e) => { console.log('Usuario:', e.detail.userId); });
