Manuale jQuery

Un evento in una pagina web corrisponde ad un’azione effettuata da un visitatore della stessa.
Esempi sono:

• selezione di un elemento
• movimento del mouse su un elemento
• click su un elemento

Sintassi jQuery per gli eventi

Quasi tutti gli eventi del DOM hanno un corrispondente metodo in jQuery.
Per assegnare un evento ad un elemento del DOM si usa una sitassi del tipo

$(elemento).evento()

Esempio

$("button").click(); 

Occorre quindi definire cosa succede quando l'evento viene scatenato, per farlo si utilizza una sintassi del genere:

$(elemento).click(function(){
	// azione
});

Esempio

$("button").click(function(){
	alert('hai cliccato un pulsante !');
});

Lista eventi jQuery

Vediamo l'elenco completo degli eventi

Metodo	Descrizione
blur()	il metodo blur() viene eseguito quando un elemento HTML perde il focus nella pagina.
bind()	Collega gli eventi al gestore
change()	Viene scatenato quando un elemento cambia il suo valore. si applica solo a <input>, <textarea> e <select>
click()	il metodo click() viene scatenato quando l'utente clicca su un elemento del DOM.
delegate()	Collega degli eventi a determinati figli di un elemento
dblclick()	il metodo dblclick() viene scatenato quando l'utente esegue un doppo click su un elemento
event.currentTarget	Restituisce l’elemento corrente (in genere uguale a this)
event.data	Contiene i dati facoltativi passati a un metodo quando viene associato il gestore di esecuzione
event.delegateTarget	Restituisce l'elemento a cui è stato collegato il gestore di eventi jQuery
event.isDefaultPrevented()	Indica se event.preventDefault( ) è stato chiamato per l' oggetto
event.isImmediatePropagationStopped()	Indica se event.stopImmediatePropagation() è stato chiamato per un oggetto
event.isPropagationStopped()	Indica se event.stopPropagation() è stato chiamato per un oggetto
event.namespace	Restituisce il namespace di un evento
event.pageX	Restituisce la posizione del mouse rispetto al bordo sinistro del documento
event.pageY	Restituisce la posizione del mouse rispetto al bordo superiore del documento
event.preventDefault()	Inibisce l'azione predefinita dell'evento
event.relatedTarget	Indica quale elemento è entrato o uscito dal target del mouse
event.result	Contiene l'ultimo valore restituito da un gestore di eventi
event.stopImmediatePropagation()	Impedisce ad altri gestori di eventi da essere chiamati
event.stopPropagation()	Ferma la propagazione degli eventi sugli elementi padre
event.target	Restituisce quale elemento ha attivato un determinato evento
event.timeStamp	Restituisce il numero di millisecondi a partire dal 1 gennaio 1970, da quando l’evento è stato attivato
event.type	Restituisce il tipo di evento scatenato
event.which	Restituisce tasto del mouse o della tastiera che ha scatenato l’evento
focus()	il metodo focus() viene eseguito quando un elemento HTML prende il focus nella pagina.
focusin()	L' evento si verifica quando un elemento o uno dei suoi contenuti ottiene il focus.
focusout()	L' evento si verifica quando un elemento o uno dei suoi contenuti perde il focus
hover()	Il metodo hover() è una combinazione dei metodi mouseenter() e mouseleave(). Accetta due funzioni; la prima viene eseguita al mouseenter(), mentre la seconda al mouseleave()
keydown()	Viene scatenato quando si preme un tasto della tastiera
keypress()	Viene scatenato quando si preme un tasto della tastiera. Simile al keydown ma non viene scatenato alla pressione di alcuni tasti come ad esempio esc, ctrl o shift
keyup()	si verifica quando un tasto della tastiera viene rilasciato .
mousedown()	Il metodo mousedown() viene eseguito quando viene premuto un tasto qualsiasi del mouse dentro un elemento
mouseenter()	Il metodo mouseenter() viene eseguito quando il puntatore del mouse entra all'interno di un elemento.
mouseleave()	Il metodo mouseleave() viene eseguito quando il puntatore del mouse esce da elemento.
mousemove()	Viene scatenato ogni volta che il puntatore del mouse si muove all'interno dell'elemento selezionato.
mouseout()	si verifica quando il puntatore del mouse lascia l'elemento selezionato.
mouseover()	si verifica quando il puntatore del mouse si trova sopra un elemento.
mouseup()	Il metodo mouseup() viene eseguito quando viene rilasciato un tasto qualsiasi del mouse dentro un elemento
off()	Viene utilizzato per rimuovere i gestori di eventi collegati con il metodo on()
on()	Il metodo on(), permette di assegnare uno o più eventi ad un oggetto del DOM in una volta sola method.
one()	Aggiunge uno o più gestori di eventi che però vengono lanciati una volta sola
$.proxy	Prende una funzione esistente e ne restituisce una nuova con un particolare contesto.
ready()	$(document).ready() consente di capire quando il documento è stato completamente caricato.
resize()	L' evento si verifica quando la finestra del browser cambia dimensione
scroll()	Viene attivato quando l'utente scorre un elemento specificato. Funziona sull’oggetto finestra e su tutti gli gli elementi scorrevoli
select()	L' evento select si verifica quando è selezionato un testo in una textarea o in una textbox
submit()	Submit() si verifica quando viene inviato un modulo.
trigger()	il metodo trigger() attiva un determinato evento per gli elementi selezionati.
triggerHandler()	il metodo triggerHandler() attiva un determinato evento per gli elementi selezionati, ma rispetto al metodo trigger() si sostituisce all’evento e non lo scatena.
unbind()	rimuove i gestori di eventi da elementi selezionati
undelegate()	Permette di rimuovere uno o più gestori di eventi