Esempio
Fissare un evento click al <p> elemento:
$("p").on("click", function(){
alert("The
paragraph was
clicked.");
}); Prova tu stesso " Definizione e utilizzo
L' on() metodo attribuisce uno o più gestori di eventi per gli elementi selezionati e elementi figlio.
Come di jQuery versione 1.7, l' on() il metodo è la nuova sostituzione per il bind(), live() e delegate() metodi. Questo metodo porta un sacco di consistenza alle API, e si consiglia di utilizzare questo metodo, in quanto semplifica la base di codice jQuery.
Nota: I gestori di eventi collegati con il on() metodo funziona per entrambi gli elementi attuali e futuri (come un nuovo elemento creato da uno script).
Suggerimento: per rimuovere i gestori di eventi, utilizzare il off() metodo.
Suggerimento: per collegare un evento che viene eseguito solo una volta e poi si rimuove, utilizzare il one() metodo.
Sintassi
$(selector).on(event,childSelector,data,function,map)
| Parametro | Descrizione |
|---|---|
| event | Richiesto. Specifica uno o più event(s) o spazi dei nomi per attaccare agli elementi selezionati. valori degli eventi multipli sono separate da uno spazio. Deve essere un evento valido |
| childSelector | Facoltativo. Specifica che il gestore di eventi deve essere applicato solo agli elementi secondari specificati (e non il selettore per sé, come il deprecato delegate() il metodo). |
| data | Facoltativo. Specifica dati aggiuntivi per passare insieme alla funzione |
| function | Richiesto. Specifica la funzione da eseguire quando si verifica l'evento |
| map | Specifica una mappa degli eventi ( {event:function, event:function, ...}) contenente uno o più eventi di allegare agli elementi selezionati, e le funzioni da eseguire quando si verificano gli eventi |
Provate voi stessi - Esempi
Il passaggio da bind() per on()
Come usare on() per ottenere lo stesso effetto come bind() .
Il passaggio da delegate() per on()
Come usare on() per ottenere lo stesso effetto come delegate() .
Il passaggio da live() per on()
Come usare on() per ottenere lo stesso effetto live() .
Collegare più eventi
Come attaccare più eventi a un elemento.
Collegare più gestori di eventi utilizzando il parametro mappa
Come collegare più gestori di eventi agli elementi selezionati utilizzando il parametro della mappa.
Fissare un evento personalizzato su un elemento
Come collegare un evento namespace personalizzato su un elemento.
Scivolare lungo i dati alla funzione
Come passare lungo i dati alla funzione.
Aggiungere gestori di eventi per gli elementi futuri
Mostrare che la on() metodo funziona anche per gli elementi non ancora creati.
Rimuovere un gestore di eventi
Come rimuovere un gestore di eventi utilizzando il off() metodo.