|
Tipos de eventos en JavaScript |
|
|
|
|
. Eventos en JavaScript Se llaman eventos a acciones que ocurren cuando un usuario ejecuta algún tipo de acción. Los manipuladores de eventos se incorporan en los documentos como atributos de etiquetas HTML. Por ejemplo: <INPUT TYPE="button" VALUE="GO" onClick="makeitgo(this.form)"> Esta instrucción invoca la función makeitgo() cuando se pulsa el botón.
La siguiente tabla muestra los nueve manipuladores de eventos de JavaScript. | Evento | Se da cuando | Manipulador de evento |
|---|
| blur | El usuario retira el foco de entrada del elemento form | onBlur | | click | El usuario pulsa el ratón sobre el elemento form o sobre un enlace | onClick | | change | El usuario modifica el valor del texto, de un área del texto, o selecciona un elemento | onChange | | focus | El usuario sitúa el foco de entrada en el elemento form | onFocus | | load | El usuario carga la página en el Navigator | onLoad | | mouseover | El usuario mueve el puntero del ratón sobre un enlace | onMouseOver | | select | El usuario selecciona elementos form como campo de entrada (input) | onSelect | | submit | El usuario envia un formulario | onSubmit | | unload | El usuario abandona la página | onUnload |
- El manipulador de eventos OnClick
El evento click se produce cuando,en un formulario, un objeto susceptible de ser pulsado es pulsado por el usario. El manipulador de eventos JavaScript puede llamar una función, que ha de existir en el documento actual, o ejecutar código JavaScript presente.Por ejemplo: <input type="button" name="Pulsame" onClick="alert('Me has pulsado!');"> La instrucción anterior abrirá una ventana de aviso cuando el usuario pulse el botón. - El manipulador de eventos onSubmit
Se produce cuando el usuario envia un formulario. El manipulador de eventos OnSubmit puede llamar una función o ejecutar código JavaScript presente.Por ejemplo <form name="miform" action="doit.cgi" onSubmit="confirmSubmission()"> La anterior instrucción llama a a la función confirmSubmission para comprobar los valores de los campos antes de llamar al URL designado en el atributo action. - El manipulador de eventos onChange
Se produce cuando un campo select, text o textarea deja de ser enfocado y se ha modificado su valor. EL elemento onChange puede llamar a una función o ejecutar código JavaScript presente. Ejemplo: <input name="phone" onChange="checkPhone(this.form)">; Esta instrucción llama a la función checkPhone cuando el usuario deja de enfocar el campo de entrada (input) de texto y se mueve a otro campo. Esto permite preprocesar instantáneamente la información y comprobar el valor del campo con anterioridad al envio del formulario. - El manipulador de eventos onLoad
Se produce cuando Netscape acaba de cargar una ventana o todas las tramas de un <FRAMESET>.Puede llamar a una función o ejecutar código JavaScript presente.Ejemplo <body onLoad="alert('Bienvenido a mi página')"> - El manipulador de eventos onUnload
Se produce cuando el usuario abandona la página. Por ejemplo <body onUnload="alert('Gracias por tu visita!')"
|
Trucos y tutoriales