OK wrócimy.
Do tej pory rozmawialiśmy o tym, jak możemy wybrać elementy z J Querrey, a także w jaki sposób możemy nimi manipulować.
Teraz mamy zamiar przedstawić ostateczną duży brakujący element, który jest wydarzenia J zapytania.
Więc wracam do waniliowym J.S ..
Gdy dodaliśmy detektory zdarzeń użyliśmy metody nazywanej detektor zdarzeń.
Cóż okazuje się, że Jay gdzie ma mnóstwo metod, które mają do czynienia z wydarzeniami.
Więc mam sekcję zdarzenia otwarty na Jake'a, gdzie może dostać się tam po prostu klikając na imprezach tutaj.
Tak jak ja przewijać tutaj można zobaczyć, jak wiele.
Metody zdarzeń Coria istnieją chikor chodzi o tony nich.
Więc co mam zamiar zrobić, to zwrócić uwagę na trzy najważniejsze z nich trzech, które można użyć.
Dziewięćdziesiąt dziewięć procent czasu te trzy metody są krótkie naciśnięcie klawisza i.
I powiedział, że te trzy można użyć 99 procent.
To właściwie bardziej jak ten tutaj.
Można użyć 99 procent.
Więc mam zamiar pokazać kliknąć i nacisnąć przycisk pierwszy ale mój głównym celem jest pokazanie, w jaki sposób jest niesamowite.
Więc zacznijmy.
Więc Jay equerries szybka metoda jest jak możemy bardzo szybko i łatwo dodać kliknij słuchacza do pojedynczego elementu lub zbioru elementów.
Więc widać, mam dwa przykłady w tym przypadku.
Ja wybierając coś, a następnie dodanie kliknij słuchacza za pomocą jednego kliknięcia.
Tak więc wybrać coś z ideą przedstawienia prowadzimy.
Kliknij na niego, a następnie przechodzimy do funkcji wywołania zwrotnego, a to funkcja zwrotna zostanie uruchomiony, gdy coś z ideą przedstawienia kliknięciu.
A ponieważ jest to identyfikator jest tylko jeden na stronie.
Kiedy więc, że jeden element jest kliknął ten kod jest uruchamiany.
Jeśli spojrzeć tutaj widać, że mam wybór wszystkich przycisków znajdujących się na stronie, która to może być jeden.
Może to być 10 przycisków i Dodaję kliknij słuchacza do wszystkich z nich.
Więc za każdym razem przycisk jest szybki będzie ostrzegać kogoś kliknij przycisk.
Więc pozwól mi udowodnić, że.
Teraz mam to prosta strona HTL z Jay queery włączone jako CDN.
A ja zamierzam dodać zróbmy Jay wydarzenia zapytania i dodam w ciągu kilku przycisków.
Więc pierwszy mówię nie mnie poprawić.
A potem następny powie poważnie ok ja.
A ostatni z nich będzie powiedzieć, że to ostatnie ostrzeżenie.
Więc będziemy zapisywać i otwierać w przeglądarce i zawsze po prostu sprawdzić, J załadowany.
OK.
Wygląda dobrze.
Więc zaczniemy łatwe tutaj dodając krótki słuchacza do tego H-1 i jest tylko jeden na stronie.
Więc po prostu trzeba najpierw wybrać ze znakiem dolara.
A więc taki, który daje nam prawo H-1, która tylko jeden, a potem uruchomić.
Nie klikaj na ten temat, a następnie musimy przekazać w funkcji wywołania zwrotnego, który będzie uruchomiony, gdy klikniemy na tej H-1.
Więc za kulisy kliknij wykorzystuje detektor zdarzeń i to dodanie kliknij słuchacza w tym H-1 i możemy albo zrobić anonimową funkcję, która jest o wiele bardziej powszechne, aby zobaczyć, ale nieco bardziej skomplikowane dla nowych studentów albo możemy napisać o nazwie funkcji oddzielnie, a następnie podać nazwę tej funkcji tutaj.
Ale jak powiedziałem funkcje anonimowe są bardziej powszechne.
Więc to, co chcemy zrobić, to po prostu ostrzec każdy poprawny i będę wciśnij enter tu i teraz, gdy kliknę na ten H-1 zobaczysz uzyskać H-1 zamknąć i tak się nie dzieje na każdym innym elemencie.
Zdarza się tu pamiętać, bo moja H-1 przechodzi przez całą drogę po ekranie tak, że CSSA problemem, jeśli chcę zmienić rozmiar jednego, ale to zdarza się tylko, kiedy klikniesz na jednym elemencie.
Teraz to, co chcę zrobić, to pokazać w jaki sposób możemy dodać szybkie słuchacza zbiór elementów.
Więc mam zamiar wybrać wszystkie przyciski tutaj.
Więc przycisk znak dolara, a następnie dodamy kliknięcie ot tak i możemy przekazać w funkcji anonimowej ponownie jako naszego zwrotnego.
I będzie to działać, gdy dowolny przycisk zostanie kliknięty, a my po prostu zrobić powiadomienie kliknij przycisk tak po prostu i wciśnij enter.
A teraz, gdy klikam na któryś z tych przycisków tam idziemy kliknięciu przycisku Przycisk kliknij przycisk Quit.
Więc wracam do wanilii javascript, aby dodać detektor zdarzeń do kolekcji przycisków.
Musiałbym je również wybrać z selektora zapytania całości lub uzyskać elementy o nazwie znacznika, a potem będę musiał użyć dla pętli do pętli przez wszystkie z nich, a potem będę musiał osobno dodać detektor zdarzeń, które być jasne dzieje za kulisami.
Ale wszystko, co musisz zrobić, to napisać ten wiersz i że pętla dla mnie, że będzie dodać detektory zdarzeń indywidualnie co sprawia, że ​​jej życie bardzo proste, a nie tylko uczenie kliknięciu przycisku.
Co zrobić, jeśli chcę zmienić styl zmienić kolor tła przycisku, który został kliknięty.
Więc muszę ponownie dodać kliknij słuchacza.
Jestem po prostu na strzałkę w górę i zamiast ostrzegania.
Co zrobimy to zmienić kolor tła tak, że będzie to coś, że C-y s t a my zmienić to być różowe.
Więc chodzi o to co mamy wywołanie Dotsie CSSA na iz powrotem z wanilii javascript.
Chcemy to wykorzystać.
Kluczowym słowem to i to odnosi się do elementu, który został kliknięty na zapytanie NJ jednak, że nie będzie dość pracy, co musimy zrobić, to skorzystać z wersji J Querrey tego.
To jest zawsze trochę mylące pomysłu.
Myślę, że to pomaga, aby pamiętać, że to co robi jest Shakeri trwa plain vanilla Tak i zawija je w Jay zapytania i to duża J.A.G. przytulić i to daje mu pewne szczególne właściwości i metody.
Więc jeśli chcemy używać kropki CSSA która jest metodą zapytanie J musimy upewnić się, że używasz go na obiekcie zapytania J.
Więc po prostu stary jest to regularne wanilii javascript tego.
Więc musimy otoczyć ją i powiedzieć to jest to wersja zapytanie J.
Warto więc sprawdzić, czy na zewnątrz.
Hit wprowadzić tu i teraz niech kliknąć na przycisk najpierw musimy tego wpisu, ponieważ nigdy nie pozbyła się tego pierwszego kliknięcia słuchacza.
A potem tło zmienia się na różowy i widać, że stanie się z każdym z nich, że kliknę.
Możemy również zrobić coś takiego.
Więc hit strzałkę w górę i odśwież stronę, a nie tylko zmieniając je za różowo.
Możemy również zrobić anulować tego dziennika i dorosłych Walcotta rejestrować tekst przycisku, który został kliknięty.
Więc byłoby to coś jak kliknąłeś Plus, a potem zrobię zmienna do przechowywania to tak zmienny tekst równa dolara to kropka i uzyskać ten tekst z tam po prostu trzeba użyć metody tekstowej, podobnie jak tego, że Kaso zalogować kliknąłeś nam tekst, który jest nasza nazwa zmiennej i wejść.
A teraz, jeśli kliknę jeden kliknąłeś nie klikaj mnie kliknąłeś.
To jest ostatnie ostrzeżenie.
I kliknąłeś.
Poważnie nie klikaj mnie.
OK.
Więc to wszystko będę wykazywać temat.
Kliknij.
Podsumowując możemy dodać detektor jednego elementu naraz tak jak my dla H-1.
Albo możemy to zrobić do kolekcji czyli tam, gdzie to naprawdę staje się przydatna.
I wtedy wreszcie, jeśli chcemy odnieść się do elementu, który został kliknięty musimy użyć dolara to co jest queery J opakowującego J.A.G. wersja wanilii.