Scribd
Cargar
14 vistas3 páginas

Introducción a Eventos en JavaScript

Los eventos en JavaScript permiten que las páginas web respondan a acciones del usuario y otros eventos del navegador. Se presentan ejemplos de eventos del ratón, teclado, formularios, cambios, temporizadores y eventos personalizados. Estos eventos permiten personalizar la lógica de las aplicaciones según las interacciones del usuario.

Cargado por

Viviana Gomez
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
14 vistas3 páginas

Introducción a Eventos en JavaScript

Los eventos en JavaScript permiten que las páginas web respondan a acciones del usuario y otros eventos del navegador. Se presentan ejemplos de eventos del ratón, teclado, formularios, cambios, temporizadores y eventos personalizados. Estos eventos permiten personalizar la lógica de las aplicaciones según las interacciones del usuario.

Cargado por

Viviana Gomez
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Eventos en JavaScript

Los eventos en JavaScript permiten que una página web responda a las
acciones del usuario o a otros eventos que ocurren en el navegador. Aquí
tienes una explicación básica con ejemplos:

1. Eventos del Ratón:

// Ejemplo de clic

[Link]("miElemento").addEventListener("click", function()
{

alert("Elemento clickeado");

});

// Ejemplo de pasar el ratón sobre un elemento

[Link]("otroElemento").addEventListener("mouseover",
function() {

[Link]("Ratón sobre el elemento");

});

2. Eventos del Teclado:

// Ejemplo de presionar una tecla

[Link]("keydown", function(event) {

[Link]("Tecla presionada: " + [Link]);

});
3. Eventos de Formulario:

// Ejemplo de enviar un formulario

[Link]("miFormulario").addEventListener("submit",
function(event) {

[Link](); // Prevenir el comportamiento por defecto

alert("Formulario enviado");

});

4. Eventos de Cambio:

// Ejemplo de cambio en un campo de entrada

[Link]("miInput").addEventListener("change", function() {

[Link]("Valor cambiado");

});

5. Eventos de Temporizador:

// Ejemplo de temporizador

setTimeout(function() {

alert("¡Han pasado 5 segundos!");

}, 5000);

6. Eventos Personalizados:

// Definir un nuevo evento personalizado

let miEvento = new Event("miEventoPersonalizado");

// Disparar el evento personalizado

[Link](miEvento);
// Escuchar el evento personalizado

[Link]("miEventoPersonalizado", function() {

[Link]("¡Se ha disparado el evento personalizado!");

});

Estos son solo algunos ejemplos básicos de eventos en JavaScript. Puedes


responder a una amplia variedad de eventos y personalizar la lógica de tu
aplicación según las interacciones del usuario.

También podría gustarte