JavaScript xdiseñadores

Eventos

Los eventos son acciones que pueden ser detectados con Java Script:

  • Un clic del ratón
  • Leer una página web o una imagen
  • El ratón sobre una zona activa de la página
  • Seleccionar un campo de entrada de un formulario HTML
  • Enviar un formulario HTML
  • Pulsar una tecla

Debe ir seguido por un signo = y despues los comando de java script que queremos que se ejecuten, entre comillas.

<body onLoad="funcion()">

onLoad y onUnload

Los eventos son activados al entrar o al salir de una página

onFocus, onBlur y onChange

Estos eventos se usan a menudo en combinación con validaciones de campos de un formulario.

En este ejemplo se usa el evento onChange. La función checkEmail() :

<input type="text" size="30" id="email" onchange="checkEmail()">

onSubmit

El evento onSubmit se usa para validar todos los campos de un formulario antes de enviarse.

<form method="post" action="xxx.htm" onsubmit="return checkForm()">

onMouseOver y onMouseOut

El controlador de eventos onMouseOver se utiliza en el interior de una etiqueta de enlace y se activa cuando el ratón pasa por encima de la zona de enlace.

Se utilizan para crear botones animados.

En este ejemplo usaremos el evento onMouseOver. Para que aparezca una caja de alerta.

<a href="http://www.w3schools.com" onmouseover="alert('una alerta con el evento mouse over');return false">alerta</a>

onClick

Se activa cuando se hace click en un elemento

<a href="#" onClick="displayDate()">muestra la hora</a>