Come gestire gli eventi di un utente.
ALLWEB free
Directory Web Script Linguaggi
Italiano Inglese Tutte
 
 30 Mar 2017
aggiungi in preferiti  
Home    Mappa directory    Script




Gestori di eventi:

Le funzioni javascript possono essere utilizzate dal webmaster in risposta a due eventi:
Il caricamento della pagina oppure un'azione da parte dell'utente.

In pratica lo script pu˛ partire in automatico per mostrare una pagina (ad esempio un men¨), oppure pu˛ partire se il navigatore compie un'azione (ad esempio un clic, muovere il puntatore del mouse in un determinato punto ecc.)
La seconda soluzione implica l'inattivitÓ dello script fino ad un determinato momento, pu˛ offrire una buona soluzione grafica ed un coinvolgimento del navigatore.

Non tutti gli oggetti possiedono un evento che ne pu˛ comandare l'alterazione, di seguito mostreremo gli eventi attualmente disponibili. Per il loro utilizzo vi rimandiamo alla tabella oggetti


Evento Descrizione
onClick Questo evento si attiva quando il navigatore clicca sopra un oggetto
onDblClick Questo evento si attiva quando il navigatore clicca due volte sopra un oggetto
onMouseOver Questo evento si attiva quando il puntatore del muose si muove sopra un oggetto
onMouseOut Questo evento si attiva quando il puntatore del muose si muove fuori da un oggetto
onMouseDown Questo evento si attiva quando si preme il tasto sinistro del mouse
onMouseUp Questo evento si attiva quando si rilascia il tasto sinistro del mouse
onContextMenu Questo evento si attiva quando si preme il tasto destro del mouse
onFocus Questo evento si attiva quando il puntatore del mouse entra nel campo del tag che lo contiene
onBlur Questo evento si attiva quando il puntatore del mouse esce dal campo del tag che lo contiene
onSelect Questo evento si attiva quando il navigatore seleziona del testo
onSelectStart Questo evento si attiva quando il navigatore inizia a selezionare del testo
onbeforeEditFocus Questo evento si attiva quando clicchiamo su del testo selezionato
onLoseCapture Questo evento si attiva quando rilasciamo una selezione
onReset Questo evento si attiva quando viene premuto il tasto reset dei form
onSubmit Questo evento si attiva quando viene premuto il tasto di invio dei form
onChange Questo evento si attiva quando il navigatore cambia il contenuto di un form
onAbort Questo evento si attiva quando il caricamento di un'immagine Ŕ interrotto
onError Questo evento si attiva quando durante il caricamento di un'immagine o di una pagina si verifica un'errore
onLoad Questo evento si attiva quando una pagina o un'immagine viengono caricate a video
onUnload Questo evento si attiva quando una pagina viene chiusa
onResize Questo evento si attiva quando una finestra viene ridimensionata
onFocus Questo evento si attiva quando il mouse entra nel campo (focus) di un elemento
onKeydown Questo evento si attiva quando viene premuto e rilasciato un tasto della tastiera
onKeypress Questo evento si attiva quando viene premuto un tasto della tastiera
onKeyup Questo evento si attiva quando viene rilasciato un tasto della tastiera



Esempio onClick:

immagine
Premi sull'immagine.
Questo Ŕ il codice:
<script>
<!--
function ciao(){
alert("hai attivato la funzione ciao()")
}
-->
</script>
<img src="home.jpg" onClick="ciao()">Premi sull'immagine.



Esempio con link:

premi qui
Questo Ŕ il codice:
<a href="javascript:ciao()"></a>
(La funzione ciao() Ŕ giÓ stata definita nel'esempio precedente)


Esempio onMouseOver:

immagine
Passa sull'immagine con il mouse...
Codice:
<img src="home.jpg" onMouseOver="ciao()">
(La funzione ciao() Ŕ giÓ stata definita nel primo esempio)