JQuery/Gestire gli eventi

Indice del libro

Gestire gli eventi

modifica

jQuery (e Javascript) serve a rendere le pagine dinamiche utilizzando la programmazione lato client, quindi il codice jQuery viene eseguito solo quando l’utente attiva un evento al quale è associata una funzione jQuery, che in questo caso prende il nome di “gestore di eventi”.

Abbiamo già visto la funzione $(document).ready(function), che si attiva quando è terminato il caricamento del document. Un’altra funzione usata di frequente è $(selector).click(function), che si attiva quando l’utente clicca su uno specifico elemento. Ad esempio:

$(document).ready(function(){
 $("button").click(function(){
    $("p").hide();
 });
});

quando l'utente clicca sul bottone vengono nascosti i paragrafi.

Atri gestori di eventi sono:

  • $(selector).mouseover(function) si attiva quando l'utente passa sopra con il cursore del mouse all'elemento selezionato
  • $(selector).focus(function) si attiva quando l'elemento è 'focalizzato' (ad esempio quando una pagina del browser è in primo piano)
  • $(selector).dblclick(function) si attiva quando l'utente fa doppio clic sull'elemento