Como se explicó en la primera parte de este capítulo, los scripts se pueden activar al momento de cargar un documento (concretamente el cuerpo) o al momento que se activa un evento sobre alguno de los elementos que compone el cuerpo de un documento HTML. En ambos casos, se debe especificar ya sea para el cuerpo del documento o para un elemento, un atributo especial de acuerdo al tipo de evento, y el valor de este atributo debe ser una línea de código con la invocación a alguna parte del script, bien puede ser una función.
A continuación se encuentra el listado de cada uno de los posibles eventos existentes en HTML:
onload. Ocurre al terminar de cargar una ventana
o un conjunto de marcos (elemento FRAMESET). Solo se puede utilizar
este atributo en elementos BODY y FRAMESET.
onunload. Ocurre cuando un navegador quita o
cambia un documento de la ventana. Solo se puede utilizar este
atributo en elementos BODY y FRAMESET.
onclick. Ocurre cuando se hace clic sobre un
elemento. Se puede utilizar con la mayoría de elementos.
ondblclick. Ocurre cuando se hace doble clic
sobre un elemento. Se puede utilizar con la mayoría de
elementos.
onmousedown. Ocurre cuando el puntero se
encuentra sobre un elemento y se presiona un botón del ratón. Se
puede utilizar con la mayoría de elementos.
onmouseup. Ocurre cuando se está liberando un
botón del ratón sobre algún elemento. Se puede utilizar con la
mayoría de elementos.
onmouseover. Ocurre cuando se pasa el puntero del
ratón sobre un elemento. Se puede utilizar con la mayoría de
elementos.
onmousemove. Ocurre cuando el puntero del ratón
se mueve mientras éste está sobre un elemento. Se puede utilizar con
la mayoría de elementos.
onmouseout. Ocurre cuando el puntero del ratón
sale de un elemento. Se puede utilizar con la mayoría de
elementos.
onfocus. Ocurre cuando un elemento del documento
obtiene el foco, ya sea por medio del puntero o por medio de la
navegación por tabulador. Se puede utilizar con los elementos A,
AREA, LABEL, INPUT, SELECT, TEXTAREA y BUTTON.
onblur. Ocurre cuando un elemento del documento
pierde el foco, ya sea por medio del puntero o por medio de la
navegación por tabulador. Se puede utilizar con los elementos A,
AREA, LABEL, INPUT, SELECT, TEXTAREA y BUTTON.
onkeypress. Ocurre cuando se presiona y libera
una tecla estando sobre un elemento. Se puede utilizar con la
mayoría de elementos.
onkeydown. Ocurre cuando se presiona una tecla
estando sobre un elemento. Se puede utilizar con la mayoría de
elementos.
onkeyup. Ocurre cuando se libera una tecla que
estaba presionada estando sobre un elemento. Se puede utilizar con
la mayoría de elementos.
onsubmit. Ocurre cuando se envían los datos de un
formulario haciendo clic en el botón de confirmación. Solo se puede
utilizar con elementos FORM.
onreset. Ocurre cuando se limpian los datos de un
formulario haciendo clic en el botón de limpieza. Solo se puede
utilizar con elementos FORM.
onselect. Ocurre cuando se selecciona un texto en
un área de texto o campo de texto. Solo se puede utilizar en
elementos INPUT y TEXTAREA.
onchange. Ocurre cuando un control de un
formulario pierde el foco y su valor cambió mientras tenía el foco.
Solo se puede utilizar en elementos INPUT, TEXTAREA y SELECT.
Veamos un ejemplo:
Ejemplo 8.2. Activación de un evento para un script
<input name="nombre_usuario" onblur="validarNombreUsuario(this.value)">
Al momento de que el campo pierde el foco, se invoca la función
validarNombreUsuario(valor),que debe estar implementada
en algún elemento SCRIPT del documento HTML.
Otro ejemplo:
Ejemplo 8.3. Modificación dinámica de un documento utilizando JavaScript
<head>
<title>Un título</title>
<script type="text/javascript" src="js/scripts.js"></script>
</head>
<body>
...
<script type="text/javascript">
document.write("<p>Hola Mundo<\/p>")
</script>
...
</body>
El script dentro del cuerpo escribe un párrafo al momento de cargar el documento utilizando código HTML.