HTMLpointHTMLpoint HTMLpoint.com


 Eventos vinculados a las modificaciones



En este grupo podemos incluir los siguientes eventos:

  1. onChange: activado cuando el contenido de un campo de un formulario sufre una modificación o no está ya seleccionado;
  2. onCellChange: activado cuando se modifica un elemento en un Database; por esta característica suya tiene un uso no exactamente vinculado a Javascript;
  3. onPropertyChange: evento activado cuando cambia la propiedad de un elemento;
  4. 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



  Vuelve a principio de página