OK we zullen terugkomen.
Dus hebben we een minder methode die ik over wil praten.
Zoals ik in de inleiding video naar J-Korea gebeurtenissen hebben het over methode is wat we gebruiken.
Negenennegentig procent van de tijd is het veruit de meest gebruikte Jay queery event methode.
OK.
Dus laten we praten over hoe het werkt op is zeer vergelijkbaar met de vanille.
Ja een evenement luisteraar.
Uiteraard is het een stuk korter.
Het is slechts twee personages, maar het gedraagt ​​zich op een soortgelijke manier, waar we geven het de naam van de gebeurtenis die we willen om ernaar te luisteren.
Dus in tegenstelling tot klik of toetsaanslag die alleen zal het vuur op één type van een gebeurtenis klik of een toetsdruk op stelt ons in staat om op te geven als we doen een klik zoals wij hier doen indienen over klik of als we doen een dubbelklik zoals ik heb hier knop op dubbelklikken of een start slepen of indrukken van een toets, zodat het de plaats van al de dingen die je al hebt met klikken en druk op de toets en alle andere methoden gezien hier kan nemen.
Er is een ton van hen als scroll en in te dienen en te schakelen druk op de toets creeky up-toets ingedrukt.
Dat alles kan met alleen de Bereidingswijze.
Het werkt vrijwel op dezelfde manier al waar we moeten iets met dollarteken eerst selecteren.
Dus ik zal je hier laten zien een voorbeeld.
Wij selecteren iets in dit geval alle leraren binnenkant van het lichaam binnenkant van iets met het idee van data tafel en dan lopen we het op en vervolgens het type van het evenement.
Dus dit is nieuw ten opzichte van te klikken en druk op de toets, die slechts een callback functie te nemen.
We moeten aangeven welke gebeurtenis we luisteren naar.
Dus klik in deze zaak en dan komma de callback functie.
Wij willen worden uitgevoerd.
Dus laten we proberen dit uit aan mijn pagina te vernieuwen.
Mijn AJ demo ontgonnen.
Dus we hebben geen klik luisteraars dus geen clicks we hebben geen toetsaanslagen.
Er gebeurt niets op onze knoppen niet.
Laten we gaan en te proberen en voeg een aantal snelle luisteraars eerste.
Laten we de kleur van de H-1 te veranderen wanneer we op klikken.
Dus moeten we een ieder te kiezen en vervolgens gaan we doen op het eerste argument is het type gebeurtenis die is snel en dan is onze callback functie.
En in de callback functie als we wilden om de kleur van de H-1 konden we zoiets als dit te veranderen, waar we gewoon zeggen H-1 gutsiest ons Color Purple en kijk of je kunt bedenken waarom dit een probleem zou kunnen zijn.
Dus ik druk op enter en het werkt prima blijkt paarse, maar ik ga deze code te kopiëren en vernieuw de pagina en ik ga toe te voegen in een andere H-1 drie van hen en op te slaan.
Nu hebben we drie H-1.
En als ik zonder deze code nogmaals zegt elke H-1, wanneer we op het te veranderen alle h degenen paars te zijn.
Dus ik zal proberen.
Ze allemaal veranderen naar paars, die misschien is een functie die we willen, maar het grootste deel van de tijd willen we de ene punt dat we op beïnvloeden.
Dus om dat te doen alles vernieuwen we nodig hebben om het zoekwoord dit te gebruiken en vergeet niet het nodig heeft om de J-query wrapper voor zijn.
Dus dollarteken haakjes dit en dat verwijst naar de één H-1 of het een ding dat werd geklikt.
En nu als ik druk op enter en ik probeer dan te klikken alleen de juiste H-1 verandert in paars.
OK dus dat is hoe we kunnen gebruiken op te doen een klik.
Laten we nu eens zien hoe het te gebruiken voor het indrukken van een toets.
Dus we onze inbreng als dat punt op te selecteren en dan zullen we druk op de knop toe te voegen en het tweede argument is de callback functie en we zullen gewoon een simpele conses log.
Dus annuleren de log-toets ingedrukt, net als dat en we zullen druk op enter.
Nu, als ik naar typt u een sleutel in hier krijg ik drukte hij elke keer als ik typ een sleutel.
Laten we proberen nog een soort evenement hier zal ik vernieuwen.
Laten we iets doen als we de muisaanwijzer op een knop.
We veranderen het lettertype te vet als ik zweven.
Dus moeten we eerst selecteren alle knoppen, net als dat en voeg dan onze on.
En het geval dat we gebruiken heet Mouse in te voeren.
Gewoon zo.
En we beginnen met slechts tenietgedaan loggen wanneer de muis binnenkomt.
Dus we doen een ingebouwde log muis in te voeren als dat.
En nu als ik de muisaanwijzer op krijg ik een muis in te voeren, net als dat.
En het is pas als we het element voert u eerst.
Zodat het niet te houden over en triggering totdat ik te verlaten en terug te komen.
OK.
Dus als we dat doen muis betreden we gaan niet te willen voortdurend te loggen.
We gaan willen de J zeer wrapper voor deze optie selecteert en de SS te vet iets wat we nodig hebben om het lettertype gewicht te veranderen.
Dus leuke manieren en wij zorgen dat vouwen, net als dat en druk op enter.
Nu als ik zweven is het moeilijk om te zien wat het verandert vet te zijn.
Natuurlijk blijft het vet nooit veranderingen terug.
Dus we konden die functie toe te voegen door hetzelfde te doen met de knop op de muis verlof dat is een ander evenement en dan in plaats van het te veranderen om gewicht lettertype.
Stoutmoedig.
We kunnen het veranderen terug naar normaal, net als dat.
Nu, als ik laat het gaat terug naar normaal.
En als ik invoeren als vet ik laat het is normaal.
Dus dit is hoe we iets kunnen doen met javascript een soort zoals hover selectie-effect te doen.
Maar met CSSA nu kunnen we gemakkelijk doen dat zonder javascript helemaal met de hover pseudo-selector.
En ik wilde alleen maar om aan te tonen dat er andere evenementen die er zijn.
Dus alle gebeurtenissen die we konden gebruiken met een gebeurtenislistener we kunnen gebruiken op dat maakt het echt heel nuttig.
Zoals ik al zei we zullen gebruiken het de hele tijd.
Er is dus nog een laatste punt dat ik wil graag over op te maken en als een voorbeeld dat ik ga gebruiken.
Klik op en op.
Klik op en praten over hoe ze zijn iets anders.
Dus ze ze allebei zullen over het algemeen werken voor je.
Ze zullen snel een luisteraar toe te voegen, maar er is een klein verschil en dat is dat alleen klik klik luisteraars zal toevoegen voor elementen die op de pagina op dat moment.
En het in klik zal luisteraars toe te voegen voor alle toekomstige elementen of potentiële toekomstige elementen.
Dus dit zal zinvol wanneer u de to do list.
Maar in principe moeten we dot te gebruiken op klik dan op want we gaan moeten's die worden toegevoegd aan de pagina die er niet zijn wanneer de pagina laadt een gebruiker in een vorm en hits voer doen.
En dat zal een nieuw te doen te maken en we willen die nieuw aan te doen om hun eigen klik luisteraars hebben.
Dus moeten we gebruiken weer dat zal meer zin te maken wanneer we eigenlijk begonnen om de lijst te doen.