Exemplu
Atașați un eveniment clic pe <p> elementul:
$("p").on("click", function(){
alert("The
paragraph was
clicked.");
}); Încearcă - l singur » Definiție și utilizare
on() metoda se atașează unul sau mai multor gestionari de evenimente pentru elementele selectate și elemente copil.
Ca de jQuery versiunea 1.7, on() metoda este noul înlocuitor pentru bind(), live() și delegate() metode. Această metodă aduce o mulțime de consistență API, și vă recomandăm să folosiți această metodă, deoarece simplifică baza de cod jQuery.
Notă: Stivuitoare eveniment atașat folosind on() metoda va lucra pentru ambele elemente actuale și viitoare (like a new element created by a script) .
Sfat: Pentru a elimina manipulare eveniment, utilizați off() metoda.
Sfat: Pentru a atașa un eveniment care rulează doar o singură dată și apoi se îndepărtează, utilizați one() metoda.
Sintaxă
$( Parametru Descriere event Necesar. Specifică unul sau mai multe event(s) sau namespace să se atașeze la elementele selectate.
Valorile evenimente multiple sunt separate prin spațiu. Trebuie să fie un eveniment valid childSelector Opțional. Specifică faptul că tratare a evenimentului ar trebui să fie atașat doar la elementele specificate pentru copii (și nu selectorul în sine, cum ar fi depreciată delegate() metoda). data Opțional. Specifică date suplimentare pentru a trece de-a lungul funcției function Necesar. Specifică funcția de a rula atunci când are loc evenimentul map Specifică o hartă eveniment ( {event:function, event:function, ...}) care conține unul sau mai multe evenimente pentru a atașa la elementele selectate și funcții pentru a rula atunci când au loc evenimente
Încearcă-l singur - Exemple
Schimbarea de la on() bind() la on()
Cum se folosește on() pentru a obține același efect ca bind() .
Schimbarea de la on() delegate() la on()
Cum se folosește on() pentru a obține același efect ca delegate() .
Schimbarea de la on() live() la on()
Cum se folosește on() pentru a obține același efect ca și live() .
Atașați mai multe evenimente
Cum de a atașa mai multe evenimente la un element.
Atașați mai multe manipulare eveniment utilizând parametrul hartă
Cum de a atașa mai multe Stivuitoare eveniment la elementele selectate folosind parametrul hartă.
Atașați un eveniment personalizat pe un element
Cum de a atașa un eveniment spațiu de nume personalizat pe un element.
Se trece de-a lungul datelor funcției
Cum de a trece de-a lungul datelor funcției.
Adauga Stivuitoare eveniment pentru viitoarele elemente
Arătați că on() metoda funcționează și pentru elementele care nu sunt încă create.
Eliminați o tratare a evenimentului
Cum de a elimina o tratare a evenimentului folosind off() metoda.