Casi
todos los ejemplos aquí mostrados activarán la función aviso ( ) que es la siguiente:
<script
language="javascript"><!--
function aviso( ){
alert("Esto sucedió")
}
</script> |
Abort
Implementado para: Image
onAbort = " función ( )
";
Sucede cuando detienes la descarga de una imagen
Código de ejemplo para una imagen web:
| <img src="x.gif"
onAbort="aviso( )"> |
Blur
Implementado para: button, checkbox, fileupload, layer, password,
radio, reset, select, submit, text, textarea, window
onBlur="función (
)";
Un elemento de un formulario deja de tener el foco (el cursor que parpadea para poder
escribir o cuando es seleccionado)
Cödigo de ejemplo para un cuadro de texto:
<form>
<input type="text" size="20"
onBlur="aviso( )">
</form> |
Ejemplo (da click sobre el cuadro de texto y
posteriormente da click fuera de él):
Change
Implementado para: Fileupload, select, text, textare
onChange
="función ( )";
El contenido de un elemento de formulario cambia de valor.
<form>
<input type="text" size="20"
value="Cambia el contenido"
onChange="aviso( )">
</form> |
En el siguiente ejemplo cambia el texto que dice y
luego da click en la parte de afuera del cuadro de texto:
Click
Implementado para: button, document, checkbox,
link, radio, reset, submit
onClick = "función
( )"
El usuario hace click con el mouse sobre un formulario, una imagen, un link o
cualquier elemento
<form>
<input type="button" value="Click"
onClick = "aviso ( )">
</form> |
Da click en el siguiente botón para que se active la
función
dblClick
Implementado para: document. link
ondblClick =
"función ( )"
Lo mismo que con el evento Click solo que aquí es doble click
<form>
<input type="button" value="Doble Click"
onDblClick = "aviso ( )">
</form> |
DradDrop
Implementado para: window
onDragDrop ="función ( )"
El usario suelta un objeto sobre la página, se realiza con la acción de arrastrar y
soltar
Nota: Este evento no ha funcionado correctamente en Netscape ni en
Explorer
Error
Implementado para: Image, window
onError = "función (
)"
Sucede un error en la transferencia del archivo o imagen
| <img
src="prueba.gif" onError= "aviso ( )"> |
Focus
Implementado para: button, checkbox, fileupload, layer, password,
radio, reset, select, submit, text, textarea, window
onfocus = "función
( )"
Un elemento recibe el foco por parte del usuario. Se aplica especialmente en cuadro de
texto y area de texto, un elemento recibe foco cuando ese elemento se encuentra activo.
| <input type="text"
size="20" value="da click aquí" onFocus="aviso ( )"> |
En Netscape Navigator es preferible no poner un mensaje de alerta
cada vez que un elemento tiene el foco porque el mensaje aparecerá un número infinito de
veces, por eso en el ejemplo cambia el otro cuadro de texto.
Keydown
Implementado para: document. image, link, textarea
onKeyDown ="función ( )"
El usuario presiona una tecla, el evento se activa cuando la tecla llega abajo.
KeyUp
Implementado para: document. image, link, textarea
onKeyUp = "función (
)"
La tecla llega hacia arriba
KeyPress
Implementado para: document. image, link, textarea
onKeyPress= "función (
)"
La tecla es presionada totalmente, también se activa si el usuario mantiene la tecla
presionada.
<script
language="javascript"><!--
document.onkeydown = aviso
document.onkeyup=aviso2
document.onkeypress = aviso3
--></script> |
Nota: Como puedes observar pusimos las tres funciones
juntas dentro de un código Javascript, es por eso que para llamar a la función omitimos
las comillas (" ") y los paréntesis ( ).
Si deseas que la función sea activada cuando el foco esta sobre un elemento entonces
debes de poner el nombre de la función con los paréntesis y dentro de las comillas.
Las dos funciones son mostradas aquí al mismo tiempo.
Presiona una tecla para que veas que sucede.
<<Primera parte Tercera
parte >>
