Eventos en HTML

Los eventos en HTML son acciones u ocurrencias que ocurren en un elemento de la página, como un clic del mouse, presionar una tecla o cargar una página. Estos eventos se pueden manejar con JavaScript para realizar acciones específicas.

Tipos de eventos

Hay varios tipos de eventos en HTML, incluidos:

• Eventos del mouse: como clic, doble clic, movimiento del mouse, etc.
• Eventos de teclado: como presionar una tecla, soltar una tecla, etc.
• Eventos de formulario: cómo enviar un formulario, cambiar un campo de formulario, etc.
• Eventos de carga: como cargar una página, cargar una imagen, etc.

Manejo de eventos con JavaScript

Para manejar eventos en HTML, debe usar JavaScript. JavaScript le permite definir funciones que se ejecutarán cuando ocurra un evento específico en un elemento de página.

Por ejemplo, para ejecutar una función cuando se hace clic en un botón, podría usar el siguiente código:

<button onclick="myFunction()">Haga clic aquí</button> <guion> función miFunción() { alert("¡Se hizo clic en el botón!"); } </script>

En este ejemplo, la función "myFunction()" se ejecutará cuando se haga clic en el botón. La función muestra una alerta con el mensaje "¡Se hizo clic en el botón!".

Continúa en nuestra aplicación.

Podrás escuchar el audiolibro con la pantalla apagada, recibir un certificado gratuito para este curso y además tener acceso a otros 5.000 cursos online gratuitos.

O continúa leyendo más abajo...

Descargar la aplicación

Agregar eventos con JavaScript

También es posible agregar eventos con JavaScript. Esto le permite definir funciones que se ejecutarán cuando ocurra un evento específico en un elemento de la página, sin tener que usar el atributo "onclick".

Para agregar un evento con JavaScript, puede usar el método "addEventListener()". Por ejemplo, para ejecutar una función cuando se hace clic en un botón, podría usar el siguiente código:

<button id="myButton">Haga clic aquí</button> <guion> document.getElementById("myButton").addEventListener("click", myFunction); función miFunción() { alert("¡Se hizo clic en el botón!"); } </script>

En este ejemplo, el método "addEventListener()" se usa para agregar un evento de clic al botón con el ID "myButton". La función "myFunction()" se define como la función que se ejecutará cuando se produzca el evento de clic.

Conclusión

Los eventos en HTML son una parte importante de la creación de páginas web interactivas y dinámicas. Con JavaScript, es posible manejar eventos para realizar acciones específicas cuando un usuario interactúa con una página web.