Преглед садржаја
Од верзије 1.7 јКуери -ја имамо метод он (), који нам нуди све потребне функције за управљање догађајима. Захваљујући овој методи више нам нису потребни стари бинд (), ливе () или делегате (), али нам не требају ни блур (), фоцус (), цлицк (), ховер () и други.
Баш као што постоји он (), имамо његову супротност, офф (), која уклања догађаје додељене он ().
Видећемо низ примера да бисмо боље разумели метод он ().
Претпоставимо да желимо да извршимо функцију када се притисне дугме:
(фунцтион () {$ ('буттон'). цлицк (фунцтион () {// код за извршавање});}) ();Као да бисмо то традиционално радили са цлицк (). Али ако погледамо јКуери код, видећемо да се заправо дешава да се позива метода он (), па је најбрже учинити:
(фунцтион () {$ ('буттон'). он ('цлицк', фунцтион () {// код за извршавање});}) ();Ово је најдиректнији пут. Исто важи и за друге методе, као што су цханге (), ховер (), моусеентер (), итд … (заправо лебдење () оно што ради је позивање моусеентер () и моуселеаве () који заузврат позивају метод он ()
Погледајмо јКуери. Ако преузмемо верзију 1.7 или новију и погледамо њен код, видећемо следеће:
јКуери.еацх (("замагљивање фокуса фокусирање фокусирање учитавање промена величине померање истоварање клик дблцлицк померање миша помицање миша помицање миша показивач миша миша остављање миша промена одабери пошаљи тастер доле притискање тастера грешка при подизању тастера контекстуални мени"). сплит (""), ф функција (и, име) {// Рукује везивањем догађаја јКуери.фн [наме] = фунцтион (дата, фн) {иф (фн == нулл) {фн = дата; дата = нулл;} врати аргументе.ленгтх -> 0? Тхис.он (наме, нулл, дата, фн): тхис.триггер (име);};Одавде нас само занима да методе „замагљивање, фокусирање, фокусирање, фокусирање, учитавање, промена величине, скроловање, истовар, клик, дблцлицк, моуседовн, моусеуп, моусемове, моусеовер, моусеоут, моусеентер, моуселеаве, цханге, селецт, селецт, субмит, кеидовн, кеипресс, кеиуп, еррор и цонтектмену "на крају све завршава са" тхис.он (име, нулл, подаци, фн) ".
бинд (), ливе () и делегате ()
У прошлости се такође радило:
(фунцтион () {$ ('буттон'). бинд ('цлицк', фунцтион () {// код за извршавање када се притисне дугме});}) ();Или, ако желимо да догађај функционише чак и након додавања нових елемената "дугмета" у документ, онда бисмо користили методу ливе ():
(фунцтион () {$ ('буттон'). ливе ('цлицк', фунцтион () {// код за извршавање када се притисне дугме});}) ();Након тога, јКуери је увео „делегате ()“, што нам је омогућило да доделимо догађај контексту. На пример, ако је дугме (или ће бити, ако се касније дода) унутар див -а са класом "цонтаинер":
(фунцтион () {$ ('див.цонтаинер'). делегате ('буттон', 'цлицк', фунцтион () {// код за извршавање када се притисне дугме});}) ();Али као и код претходних, оба бинд (), ливе () или делегате () све што раде је да позову метод он ().Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен
