En este grupo podemos incluir los siguientes eventos:
- onChange: activado cuando el contenido de un campo de un formulario
sufre una modificación o no está ya seleccionado;
- onCellChange: activado cuando se modifica un elemento en un Database;
por esta característica suya tiene un uso no exactamente vinculado a Javascript;
- onPropertyChange: evento activado cuando cambia la propiedad de un
elemento;
- onReadyStateChange: evento activado cuando el estado de carga de un
elemento cambia; el evento es útil, por ejemplo, para verificar que un elemento
se haya cargado.
Es importante decir algo más sobre onChange: el evento se parece mucho
a onBlur, pero verifica también que el elemento que lo invoca haya sido
modificado.Este evento, de hecho, se activa cuando se selecciona otro
elemento de una lista o cuando se modifica un campo de texto, por lo que
además de la activación, hace falta también realizar una acción.
Aquí tienes un ejemplo de onChange
y aquí está el código que hay que introducir en la marca select (presta atención al evento):
<select name="select"
onChange="if(this.options[1].selected) alert('Has seleccionado el segundo');
else if(this.options[2].selected) alert('Has seleccionado el tercero') ">
Los otros tres eventos están estrechamente vinculados con las novedades aportadas
por Internet Explorer 5.0, por lo que no tienen posibilidad de gozar de gran difusión
y se utilizarán tras haber adquirido un cierto dominio de la programación avanzada.
Para las versiones de Javascript, he aquí el cuadro de la situación:
| Evento |
Versión Javascript
|
NN2.0 |
NN3.0 |
NN4.0 |
NN4.06 |
IE3.0 |
IE4.0 |
IE5.0 |
| onChange |
1.0 |
*
|
* |
* |
* |
* |
* |
* |
| onCellChange |
DHTML |
|
|
|
|
|
|
* |
| onPropertyChange |
DHTML |
|
|
|
|
|
|
* |
| onReadyStateChange |
DHTML |
|
|
|
|
|
|
* |
Marcas sensibiles
Otro límite es el impuesto a Netscape y las viejas versiones de Explorer
por las marcas a las que el evento puede ser asociado:
| Evento |
Marcas
asociadas en Netscape y en Internet Explorer |
| onChange |
Este gestor se
usa con las marcas <SELECT> y <TEXTAREA>,
y la marca <INPUT> de tipo TEXT. Con la versión Javascript
1.1 se agrega también la marca <FILEUPLOAD>, pero no funciona
con Internet Explorer. |
| onCellChange |
Este gestor se
usa con las marcas <APPLET>, <BDO>, <OBJECT>. |
| onKeyUp |
Este gestor se
usa con las marcas <BODY>, <IMG>, <A>
e input TEXTAREA. |
Para algunos eventos de Internet Explorer 5.0, las marcas asociadas son numerosas. Así
para onPropertyChange y onReadyStateChange:
A, ADDRESS, APPLET, AREA, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION,
CENTER, CITE, CODE, DD, DFN, DIR, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM,
HR, I, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image,
INPUT type=password, INPUT type=radeo, INPUT type=reset, INPUT type=submit,
INPUT type=text, KBD, LABEL, LEGEND, LI, LISTING, MAP, MARQUEE, MENU, NEXTID,
NOBR, OBJECT, OL, P, PLAINTEXT, PRE, RT, RUBY, S, SAMP, SELECT, SMALL, SPAN,
STRIKE, STRONG, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TR,
TT, U, UL, VAR, XMP