Eventi legati al "fuoco"



A questo gruppo si possono ricondurre i seguenti eventi:

  1. onFocus: Questo handler è l'opposto di onBlur per cui si attiva quando l'utente entra in un campo;
  2. onBlur: attivato quando il puntatore del mouse o il cursore esce dalla finestra corrente utilizzando il mouse o il carattere TAB. Applicato ai moduli, invece, tale handler si avvia se si esce dal campo il cui tag contiene il controllo;
  3. onSelect: attivabile quando si seleziona del testo all'interno di una casella di testo sia col mouse sia tenendo premuto SHIFT e selezionando con i tasti Freccia;
  4. onSelectStart: si attiva quando si inizia a selezionare un evento;
  5. onbeforeEditFocus: si attiva con un doppio click o con un clicK su un oggetto che ha già la selezione, quando questo è in DesignMode;
  6. onLoseCapture: si attiva quando un oggetto perde la cattura del mouse.

Gli ultimi tre eventi sono particolarità di Internet Explorer 5.0 e richiedono ulteriori conoscenze per poter essere adoperati.

Per le versioni di Javascript ecco il quadro riepilogativo in rosso sono indicate le modifiche apportate nelle diverse versioni dei browser):

Evento

Versione Javascript

NN2.0 NN3.0 NN4.0 NN4.06 IE3.0 IE4.0 IE5.0
onFocus 1.0   * * * * * * *
onBlur 1.0   * * * * * * *
onSelect 1.0   * * * * *
onSelectStart DHTML *
onLoseCapture DHTML *
onbeforeEditFocus DHTML             *

Tag sensibili

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

Evento Tag associati in Netscape e JScript
onFocus Questo gestore è usato con i tag <SELECT> e <TEXTAREA> e con il tag <INPUT> di tipo TEXT. Con Javascript 1.1, cioè da Netscape Navigator 3, questo handler è stato associato anche con i tag <BODY> e <FRAMESET> e con il resto dei tag di form come <BUTTON>, <CHECKBOX>, <FILEUPLOAD>, <PASSWORD>, <RADIO>, <RESET>, <SUBMIT>. In Javascript 1.2 si aggiunge anche il tag <LAYER>.
onBlur Questo gestore è usato con i tag <SELECT> e <TEXTAREA> e con il tag <INPUT> di tipo TEXT. Con Javascript 1.1, cioè da Netscape Navigator 3, questo handler è stato associato anche con i tag <BODY> e <FRAMESET> e con il resto dei tag di form come <BUTTON>, <CHECKBOX>, <FILEUPLOAD>, <PASSWORD>, <RADIO>, <RESET>, <SUBMIT>. In Javascript 1.2 si aggiunge anche il tag <LAYER>.
onSelect Questo gestore è usato con il tag <TEXTAREA> e <INPUT> di tipo TEXT, anche per Internet Explorer.

In qualche piattaforma gli eventi onBlur e onFocus non funzionano bene con il tag <FRAMESET>

Molto più numerosi i tag associati in Explorer 4.0 e successivo per gli eventi onBlur, onFocus, SelectStart e onLoseCapture:

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

Ultimi articoli JavaScript

PhantomJS, headless browser per test con Javascript

Il tool ideale per realizzare, da terminale, operazioni in remoto su...

Creare e leggere QR Code in JavaScript

Applicazioni 'QR Code enabled' per il Web e per il mobile,...

Jquery UI Map: web-mapping con Google Maps e jQuery

Un plugin di jQuery UI per intefacciare applicaizoni Web/mobile con...

Scrollorama e Scrolldeck, slideshow d'effetto con jQuery

Plugin jQuery per ottenere Slideshow con diversi effetti di scrolling

jCanvas, un primo semplice grafico

Alla scoperta della libreria jCanvas, per semplificare il disegno e...

Altri articoli

Guide JavaScript

Guida Node.js

Il framework che permette di per usare V8, l'interprete JavaScript...

Canvas, guida ai framework

Canvas, tra gli elementi di HTML5 è forse quello di maggior impatto....

Guida Javascript: tecniche avanzate

Una guida dal taglio pratico per approfondire la programmazione a...

Altre guide

Newsletter @JavaScript

Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso JQuery e Ajax per Webmaster

03 Luglio 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti