TutorialesJavaScript.com
TutorialesJavaScript.com
JavaScript
Temas
JavaScript
JavaScript es un lenguaje de programación de alto nivel, interpretado y orientado a objetos, que se utiliza principalmente en el desarrollo de aplicaciones web para hacerlas más interactivas y dinámicas. Fue desarrollado en 1995 por Brendan Eich en Netscape Communications Corporation y rápidamente se convirtió en uno de los lenguajes de programación más populares del mundo. Es uno de los tres lenguajes esenciales del desarrollo web, junto con HTML y CSS.
Eventos en Javascript
JavaScript es un lenguaje de programación de scripting que se ejecuta en el navegador web del cliente. Los eventos en JavaScript son acciones o comportamientos que ocurren en una página web y que pueden ser detectados y respondidos por el código JavaScript.
A continuación, se describen algunos de los eventos más comunes en JavaScript con ejemplos:
onclick: Este evento se activa cuando el usuario hace clic en un elemento HTML. Por ejemplo:
Este código muestra un botón en la página y, cuando el usuario hace clic en el botón, se muestra una alerta que dice "¡Hola mundo!".
onmouseover: Este evento se activa cuando el usuario mueve el mouse sobre un elemento HTML. Por ejemplo:
Este código muestra un párrafo en la página y, cuando el usuario mueve el mouse sobre el párrafo, el texto cambia de color a rojo.
onsubmit: Este evento se activa cuando el usuario envía un formulario HTML. Por ejemplo:
Este código muestra un formulario en la página y, cuando el usuario hace clic en el botón "Enviar", se muestra una alerta que dice "Formulario enviado".
onload: Este evento se activa cuando la página web se carga completamente. Por ejemplo:
Este código muestra el cuerpo de la página y, cuando la página se carga completamente, se muestra una alerta que dice "La página se ha cargado".
onkeydown: Este evento se activa cuando el usuario presiona una tecla en el teclado. Por ejemplo:
Este código muestra un campo de entrada de texto en la página y, cuando el usuario presiona una tecla mientras está en el campo de entrada de texto, se muestra una alerta que dice "Presionaste una tecla".
onmouseout: Este evento se activa cuando el usuario mueve el mouse fuera de un elemento HTML. Por ejemplo:
Este código muestra un párrafo en la página y, cuando el usuario mueve el mouse sobre el párrafo y luego lo mueve fuera, el texto vuelve a su color original (negro).
onchange: Este evento se activa cuando el valor de un elemento HTML cambia. Por ejemplo:
Este código muestra un menú desplegable en la página y, cuando el usuario selecciona una opción diferente, se muestra una alerta que dice "Cambiaste la selección".
ondblclick: Este evento se activa cuando el usuario hace doble clic en un elemento HTML. Por ejemplo:
Este código muestra una imagen en la página y, cuando el usuario hace doble clic en la imagen, se muestra una alerta que dice "Hiciste doble clic en la imagen".
onmousemove: Este evento se activa cuando el usuario mueve el mouse sobre la página. Por ejemplo:
Este código muestra el cuerpo de la página y, cuando el usuario mueve el mouse sobre la página, se muestra una alerta que dice "El mouse se ha movido".
oncontextmenu: Este evento se activa cuando el usuario hace clic con el botón derecho del mouse en un elemento HTML. Por ejemplo:
Este código muestra un div en la página y, cuando el usuario hace clic con el botón derecho del mouse en el div, se muestra una alerta que dice "Hiciste clic con el botón derecho del mouse".
Regresar al Menu