Toda la información sobre un evento es pasada a su manejador usando un objeto event. JavaScript soporta los siguientes eventos:
| Abort | KeyDown | MouseUp |
| Blur | KeyPress | Move |
| Change | KeyUp | Reset |
| Click | Load | Resize |
| DblClick | MouseDown | Select |
| DragDrop | MouseMove | Submit |
| Error | MouseOut | Unload |
| Focus | MouseOver |
Ocurre cuando el usuario aborta la carga de una imagen (pulsando sobre un enlace o sobre el botón de stop).
onAbort = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Image.
type indica que se ha producido un evento Abort.
target indica el objeto al que se envio el evento originalmente.
Ocurre cuando el usuario quita el foco de un elemento de un formulario, de una ventana o de un frame.
onBlur = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Button, Checkbox, FileUpload, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea y Window.
type indica que se ha producido un evento Blur.
target indica el objeto al que se envio el evento originalmente.
Ocurre cuando un select, text o textArea pierde el foco y su valor ha sido modificado.
onChange = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
FileUpload, Select, Text y Textarea.
type indica que se ha producido un evento Change.
target indica el objeto al que se envio el evento originalmente.
Ocurre cuando el usuario hace un click sobre un enlace o un elemento de un formulario. (Un click es una combinación de los eventos MouseDown y MouseUp).
Si el manejador de eventos retorna false, la acción por defecto del objeto es cancelada como siguiendo los siguientes pasos:
onClick = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Button, Checkbox, Link, Radio, Reset y Submit.
type indica que se ha producido un evento Click.
target indica el objeto al que se envio el evento originalmente.
Cuando se pulsa un enlace, layerX, layerY, pageX, pageY, screenX y screenY no son usados.
which vale 1 si se ha pulsado el botón izquierdo de ratón o 3 si se ha pulsado el derecho.
modifiers contiene una lista de las teclas modificadoras que estaban pulsadas cuando se produjo el evento.
Ocurre cuando el usuario hace un doble click sobre un enlace u un elemento de un formulario.
onDblClick = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
document, area y link.
type indica que se ha producido un evento DblClick.
target indica el objeto al que se envio el evento originalmente.
layerX, layerY, pageX, pageY, screenX y screenY indican la posición del cursor cuando se produjo el evento.
which vale 1 si se ha pulsado el botón izquierdo de ratón o 3 si se ha pulsado el derecho.
modifiers contiene una lista de las teclas modificadoras que estaban pulsadas cuando se produjo el evento.
Ocurre cuando el usuario suelta un objeto dentro de la ventana del navegador, como por ejemplo arrastrar un fichero y soltarlo en la ventana del navegador.
onDragDrop = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
window.
type indica que se ha producido un evento DragDrop.
target indica el objeto al que se envio el evento originalmente.
data retorna un array de cadenas de texto conteniendo las URLs de los objetos arrastrados.
El evento DragDrop se produce siempre que un elemento del sistema (por ejemplo un fichero) es soltado dentro de la ventana del navegador usando el sistema "arrastrar y soltar" del sistema nativo. La acción por defecto del navegador es cargar el elemento y mostrarlo en la ventana del navegador. Si el manejador de eventos para el evento DragDrop retorna true, el navegador cargará el elemento normalmente. Si retorna false, se cancela la acción DragDrop.
Ocurre cuando se produce un error en la carga de un documento o una imagen.
onError = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Image y Window.
type indica que se ha producido un evento Error.
target indica el objeto al que se envio el evento originalmente.
Ocurre cuando se produce un error en la carga de un documento o una imagen.
onFocus = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Button, Checkbox, FileUpload, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea y Window.
type indica que se ha producido un evento Focus.
target indica el objeto al que se envio el evento originalmente.
Ocurre cuando el usuario pulsa una tecla.
onKeyDown = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
document, Image, Link and Textarea.
type indica que se ha producido un evento KeyDown.
target indica el objeto al que se envio el evento originalmente.
layerX, layerY, pageX, pageY, screenX y screenY indican la posición del cursor cuando se produjo el evento.
which representa el código ASCII de la tecla pulsada. Para obtener la letra, número o símbolo correspondiente, usar el método fromCharCode de la clase String . Para inicializar esta propiedad cuando el valor ASCII es desconocido, usar el método charCodeAt.
modifiers contiene una lista de las teclas modificadoras que estaban pulsadas cuando se produjo el evento.
El evento KeyDown ocurre siempre antes del evento KeyPress. Si el manejador de eventos para KeyDown retorna false, el evento KeyPress no ocurrirá. Esto previene que se generen eventos KeyPress si el usuario mantiene pulsada una tecla.
Ocurre cuando el usuario pulsa o mantiene pulsada una tecla.
onKeyPress = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
document, Image, Link and Textarea.
type indica que se ha producido un evento KeyPress.
target indica el objeto al que se envio el evento originalmente.
layerX, layerY, pageX, pageY, screenX y screenY indican la posición del cursor cuando se produjo el evento.
which representa el código ASCII de la tecla pulsada. Para obtener la letra, número o símbolo correspondiente, usar el método fromCharCode. Para inicializar esta propiedad cuando el valor ASCII es desconocido, usar el método charCodeAt.
modifiers contiene una lista de las teclas modificadoras que estaban pulsadas cuando se produjo el evento.
El evento KeyPress ocurre inmediatamente después del evento KeyDown sólamente si el manejador de eventos para KeyDown retorna cualquier valor distinto de false. Se generarán eventos KeyPress repetidamente hasta que el usuario libere la tecla.
Ocurre cuando el usuario libera una tecla.
onKeyUp = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
document, Image, Link and Textarea.
type indica que se ha producido un evento KeyUp.
target indica el objeto al que se envio el evento originalmente.
layerX, layerY, pageX, pageY, screenX y screenY indican la posición del cursor cuando se produjo el evento.
which representa el código ASCII de la tecla pulsada. Para obtener la letra, número o símbolo correspondiente, usar el método fromCharCode. Para inicializar esta propiedad cuando el valor ASCII es desconocido, usar el método charCodeAt.
modifiers contiene una lista de las teclas modificadoras que estaban pulsadas cuando se produjo el evento.
Ocurre cuando el navegador ha terminado de cargar la página.
onLoad = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Image, Layer y Window.
type indica que se ha producido un evento Focus.
target indica el objeto al que se envio el evento originalmente.
Ocurre cuando el usuario pulsa un boton del ratón.
onMouseDown = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Button, document y Link.
type indica que se ha producido un evento MouseDown.
target indica el objeto al que se envio el evento originalmente.
layerX, layerY, pageX, pageY, screenX y screenY indican la posición del cursor cuando se produjo el evento.
which vale 1 si se ha pulsado el botón izquierdo de ratón o 3 si se ha pulsado el derecho.
modifiers contiene una lista de las teclas modificadoras que estaban pulsadas cuando se produjo el evento.
Ocurre cuando el usuario mueve el ratón.
onMouseMove = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Como los movimientos de ratón ocurren frecuentemente, este evento no está asociado a ningún objeto en particular. Si se desea usar, se debe asociar explícitamente a algún objeto.
type indica que se ha producido un evento MouseMove.
target indica el objeto al que se envio el evento originalmente.
layerX, layerY, pageX, pageY, screenX y screenY indican la posición del cursor cuando se produjo el evento.
Ocurre cuando el usuario mueve el ratón fuera de un objeto.
onMouseOut = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Area, Layer y Link.
type indica que se ha producido un evento MouseOut.
target indica el objeto al que se envio el evento originalmente.
layerX, layerY, pageX, pageY, screenX y screenY indican la posición del cursor cuando se produjo el evento.
Ocurre cuando el usuario mueve el ratón dentro de un objeto.
onMouseOver = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Area, Layer y Link.
type indica que se ha producido un evento MouseOver.
target indica el objeto al que se envio el evento originalmente.
layerX, layerY, pageX, pageY, screenX y screenY indican la posición del cursor cuando se produjo el evento.
Ocurre cuando el usuario libera un botón del ratón.
onMouseUp = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Button, document y Link.
type indica que se ha producido un evento MouseUp.
target indica el objeto al que se envio el evento originalmente.
layerX, layerY, pageX, pageY, screenX y screenY indican la posición del cursor cuando se produjo el evento.
which vale 1 si se ha pulsado el botón izquierdo de ratón o 3 si se ha pulsado el derecho.
modifiers contiene una lista de las teclas modificadoras que estaban pulsadas cuando se produjo el evento.
Ocurre cuando se mueve una ventana.
onMove = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
window.
type indica que se ha producido un evento Move.
target indica el objeto al que se envio el evento originalmente.
screenX y screenY indican la posición de la esquina superior izquierda de la ventana cuando se produjo el evento.
Ocurre cuando el usuario pulsa el botón reset de un formulario.
onReset = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Form.
type indica que se ha producido un evento Reset.
target indica el objeto al que se envio el evento originalmente.
Ocurre cuando el usuario cambia el tamaņo de la ventana.
onResize = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
window.
type indica que se ha producido un evento Resize.
target indica el objeto al que se envio el evento originalmente.
width y height indican el nuevo ancho y largo de la ventana.
Ocurre cuando el usuario selecciona algún texto en un objeto text o textarea.
onSelect = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Text y Textarea.
type indica que se ha producido un evento Select.
target indica el objeto al que se envio el evento originalmente.
Ocurre cuando el usuario envia un formulario.
onSubmit = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
Form.
type indica que se ha producido un evento Select.
target indica el objeto al que se envio el evento originalmente.
Ocurre cuando el usuario sale de un documento (por ejemplo, cargando otro).
onUnload = "manejador";
manejador es código JavaScript o una llamada a una función JavaScript.
window.
type indica que se ha producido un evento Unload.
target indica el objeto al que se envio el evento originalmente.