la gestione degli eventi per Netscape Navigator

Argomenti trattati: l'oggetto event e Netscape Navigator

L'implementazione di Netscape Navigator per la gestione degli eventi è differente da quella di Internet Explorer, in particolare per le vecchie versioni del browser è disponibile un numero minore di eventi per un numero inferiore di oggetti. Ripetiamo che il sito si basa principalmente sugli eventi gestiti da Internet Explorer e che comunque cita e usa solo gli eventi maggiormente utilizzati, quindi vi potrebbero essere degli eventi di specifico interesse dell'utente non trattati in questo ambito.

Riferendoci a JavaScript 1.2 (nelle versioni inferiori quanto detto potrebbe non funzionare), mostriamo un elenco per descrivere i principali eventi supportati*:

Va notato che l'evento può essere provocato anche da uno script.

Per richiamare un evento, generalmente si inserisce una chiamata a JavaScript nel gestore rispettivo.

 Il codice, semplicissimo, è il seguente:

Nelle specifiche Netscape la costruzione dell'event handler rispetto all'evento è l'aggiunta del prefisso "on" e del nome maiuscolo dell'evento, ad esempio:

evento click=gestore onClick

ma nelle versioni recenti viene generalmente accettato anche se scritto in minuscolo, nel caso dell'esempio precedente onclick.

Un gestore di evento può richiamare anche una funzione, ad esempio: 

[...]
<script>
   function mia_funzione(parametro){
        alert(parametro);
   }
</script>
[...]
<input type="text" name="tesempio" size="20" onchange="mia_funzione('mio_parametro')">

Si possono assegnare diversi metodi e funzioni a ciascun gestore, separandoli tramite il ";", ad esempio:

<input type="text" name="tesempio" size="20" onchange="alert(this.value);mia_funzione('mio_parametro')">

Vi sono ulteriori modi per richiamare un metodo associato ad un gestore di eventi, tra cui:

nome_oggetto.nome_gestore=nome_funzione 

Es.: document.nome_form.nome_campo_testo.onchange=nome_funzione;

In questo caso occorre rispettare 2 regole:

1. la funzione, essendo richiamata nominalmente, va esplicitata col solo nome senza parentesi finali;
2. il gestore di evento deve essere scritto in minuscolo.

Un concetto non presente in Explorer è quello che la guida a JavaScript degli sviluppatori Netscape definiscono event capturing, ovvero la cattura degli eventi. Questa riguarda i seguenti oggetti del DOM:

• la finestra (window);
• il documento (document);
• i livelli (layer, per le vecchie versioni del browser che li supportano).

I metodi messi a disposizione del programmatore sono:

• captureEvents (per gestire gli eventi di un certo tipo);
• releaseEvents (per permettere che il browser ignori gli eventi di un certo tipo);
• routeEvent (passa un certo evento ad uno specifico oggetto);
• handleEvent (gestisce la cattura dell'evento - il metodo non è disponibile per l'oggetto layer).

Per permettere alla finestra di catturare tutti gli eventi di un certo tipo, deve essere utilizzata la seguente sintassi:

window.captureEvents(Event.NOME_EVENTO1[ | Event.NOME_EVENTO2[| Event.NOME_EVENTO3|[...]]]]])

Ad esempio:

window.captureEvents(Event.CLICK | Event.MOUSEMOVE)

che permette di catturare gli eventi gestiti da onClick e da onMouseMove.

Per rendere gestibile l'evento da tutta la finestra, si scrive la funzione di gestione dell'evento:

function miaFunzione( evento ) {
   // codice della funzione
   return false;
}

Questa funzione ci permette di gestire completamente l'evento, che viene passato come parametro, (evento corrisponde all'oggetto event) e permette di restituire true o false, per confermare o bloccare l'azione scaturita dall'evento.

Gestire il valore di ritorno può essere alquanto importante, ad esempio si può bloccare l'accesso ad un link o disabilitare il tasto destro del mouse.
Proprio a questo scopo viene messo a disposizione il metodo oggetto.routeEvent(e), richiamato dall'oggetto che riceve un evento per passare il valore di ritorno agli elementi che lo catturano successivamente.

Per completare il codice è necessario poi registrare la cattura dell'evento, ad esempio:

window.onclick=miaFunzione;

un esempio

Per completare questa panoramica sulla gestione degli eventi è necessario descrivere i metodo e le proprietà dell'oggetto Event, che è sotteso ad ogni evento richiamato dal gestore appropriato. L'oggetto non può essere creato dal programmatore, quindi sarebbe scorretto scrivere:

myevent_obj=new Event(); //sbagliato!!!

poiché viene creato automaticamente dal browser non appena un evento si verifica.

Di seguito, la descrizione:

 Nota: non è stato trattato l'evento DragDrop. Esso si verifica trascinando un elemento (come un file) nella finestra del browser ed è proprio dell'oggetto window. In caso venga intercettato, si può ottenere un Array data (Event.data) contenente l'URL degli oggetti trascinati.

*Ricordiamo che le spiegazioni qui riportate potrebbero essere invalidate dalle nuove versioni di Netscape Navigator.

Torna all'inizio | Home