JavaScript  »  Guide  »  Guida JavaScript di base 

A questo gruppo si possono ricondurre i seguenti eventi:

1. onChange: attivato quando il contenuto di un campo di un form o modulo è modificato o non è più selezionato
2. onCellChange: attivato quando si modifica un elemento in un Database, per questa sua caratteristica ha un uso non propriamente legato a JavaScript
3. onPropertyChange: evento attivato quando cambia la proprietà di un elemento
4. onReadyStateChange: evento attivato quando lo stato del caricamento di un elemento cambia, l'evento è utile, ad esempio, per verificare che un elemento sia stato caricato

Importante è dire qualcosa in più su onChange: l'evento assomiglia molto ad onBlur, ma verifica anche che l'elemento che lo richiama sia stato modificato. Questo evento, infatti, è attivato quando viene selezionato un altro elemento da una lista o quando si modifica un campo di testo, per cui oltre all'attivazione, occorre anche operare un'azione.

Ecco un esempio di onChange

ed ecco il codice da mettere nel tag select (fare attenzione all'evento):

<select name="select" 
        onChange="if(this.options[1].selected) alert('Hai selezionato il secondo'); else if(this.options[2].selected) alert('Hai selezionato il terzo') "> 

Gli altri tre eventi sono fortemente legati alle novità apportate da Internet Explorer 5.0 per cui non hanno possibilità di una grande diffusione e vanno utilizzati dopo aver appreso una certa programmazione avanzata.

Per le versioni di JavaScript ecco il quadro riepilogativo:

Tag sensibili

Altro limite è dato, per Netscape e per le vecchie versioni di Explorer, dai tag a cui l'evento può essere associato:

Per alcuni eventi di Internet Explorer 5.0 i tag associati sono numerosi, così per onPropertyChange e 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="radio", 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

Altri articoli

Altre guide

Altre newsletter