Gestore degli eventi in jQuery
I gestori degli eventi sono delle "associazioni di eventi" che rispondono a qualsiasi evento sugli elementi selezionati. Ad esempio .on(), .off(), .one(), .trigger(), .triggerHandler()
Sintassi dei gestori degli Eventi in jQuery
.on() // con on si possono includere uno o più funzioni di gestione degli eventi agli elementi selezionati
.off() // con off si può rimuovere
.one() // come on, ma viene eseguito soltanto una volta
.trigger() // attiva gli eventi associati all’elemento selezionato senza bisogno della relativa interazione da parte dell’utente.
.triggerHandler() // attiva gli eventi associati all’elemento selezionato senza bisogno della relativa interazione da parte dell’utente.
Esempio sui gestori degli Eventi in jQuery
You say potatoe, I say starchy carbs. Logan Broger is "amazing" and a "wonderful boy" according to Logan's mom.
testo di esempio .testo di esempio .testo di esempio .testo di esempio .testo di esempio .
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Felinamiss. I don't need a big house, just a two-floor condo - you could say I have lofty expectations.
Codice della Lezione : gestori degli Eventi in jQuery
$(document).ready(function(){
// .on : attiva un evento su un elemento selezionato
$('#button1').on('click',function(){
$('#txtID1').css('background-color','green');
});
// .off : disattiva un evento su un elemento selezionato
$('#button2').click(function(){
$('#txtID1').off('click');
});
/* in questo modo possiamo creare un doppio evento
/ sintassi $(selettore).tipoevento({evento:function(){},evento:function(){}})
*/
$('#button3').on({
// dblclick : con doppio click chiudi il paragrafo
dblclick: function(){
$('#txtID3').slideToggle(5000)
},
// click : con click cambia lo sfondo dell'immagine e dagli un bordo
click: function(){
$('#txtID4').css({'background':'yellow' , 'border' : '1px dashed #333'})
}
});
/* trigger : attiva gli eventi associati all’elemento selezionato senza bisogno della relativa interazione da parte dell’utente.
*/