1
00:00:00,210 --> 00:00:01,440
OK we zullen terugkomen.

2
00:00:01,470 --> 00:00:03,590
Dus hebben we een minder methode die ik over wil praten.

3
00:00:03,740 --> 00:00:09,160
Zoals ik in de inleiding video naar J-Korea gebeurtenissen hebben het over methode is wat we gebruiken.

4
00:00:09,200 --> 00:00:13,980
Negenennegentig procent van de tijd is het veruit de meest gebruikte Jay queery event methode.

5
00:00:14,280 --> 00:00:14,490
OK.

6
00:00:14,490 --> 00:00:18,580
Dus laten we praten over hoe het werkt op is zeer vergelijkbaar met de vanille.

7
00:00:18,620 --> 00:00:20,790
Ja een evenement luisteraar.

8
00:00:20,790 --> 00:00:22,270
Uiteraard is het een stuk korter.

9
00:00:22,290 --> 00:00:29,590
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.

10
00:00:29,760 --> 00:00:58,760
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.

11
00:00:58,870 --> 00:01:06,670
Er is een ton van hen als scroll en in te dienen en te schakelen druk op de toets creeky up-toets ingedrukt.

12
00:01:06,780 --> 00:01:10,410
Dat alles kan met alleen de Bereidingswijze.

13
00:01:10,410 --> 00:01:15,480
Het werkt vrijwel op dezelfde manier al waar we moeten iets met dollarteken eerst selecteren.

14
00:01:15,870 --> 00:01:17,450
Dus ik zal je hier laten zien een voorbeeld.

15
00:01:17,730 --> 00:01:28,500
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.

16
00:01:28,500 --> 00:01:33,740
Dus dit is nieuw ten opzichte van te klikken en druk op de toets, die slechts een callback functie te nemen.

17
00:01:33,840 --> 00:01:36,560
We moeten aangeven welke gebeurtenis we luisteren naar.

18
00:01:36,750 --> 00:01:40,810
Dus klik in deze zaak en dan komma de callback functie.

19
00:01:40,830 --> 00:01:42,550
Wij willen worden uitgevoerd.

20
00:01:42,660 --> 00:01:45,930
Dus laten we proberen dit uit aan mijn pagina te vernieuwen.

21
00:01:45,930 --> 00:01:47,100
Mijn AJ demo ontgonnen.

22
00:01:47,130 --> 00:01:51,390
Dus we hebben geen klik luisteraars dus geen clicks we hebben geen toetsaanslagen.

23
00:01:51,390 --> 00:01:53,350
Er gebeurt niets op onze knoppen niet.

24
00:01:53,760 --> 00:01:57,600
Laten we gaan en te proberen en voeg een aantal snelle luisteraars eerste.

25
00:01:57,630 --> 00:02:00,660
Laten we de kleur van de H-1 te veranderen wanneer we op klikken.

26
00:02:00,720 --> 00:02:13,570
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.

27
00:02:13,950 --> 00:02:31,260
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.

28
00:02:31,320 --> 00:02:44,700
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.

29
00:02:44,790 --> 00:02:46,340
Nu hebben we drie H-1.

30
00:02:46,770 --> 00:02:55,160
En als ik zonder deze code nogmaals zegt elke H-1, wanneer we op het te veranderen alle h degenen paars te zijn.

31
00:02:55,200 --> 00:02:57,060
Dus ik zal proberen.

32
00:02:57,090 --> 00:03:04,670
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.

33
00:03:04,950 --> 00:03:14,790
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.

34
00:03:14,790 --> 00:03:22,160
Dus dollarteken haakjes dit en dat verwijst naar de één H-1 of het een ding dat werd geklikt.

35
00:03:22,180 --> 00:03:28,400
En nu als ik druk op enter en ik probeer dan te klikken alleen de juiste H-1 verandert in paars.

36
00:03:29,040 --> 00:03:31,770
OK dus dat is hoe we kunnen gebruiken op te doen een klik.

37
00:03:31,770 --> 00:03:34,150
Laten we nu eens zien hoe het te gebruiken voor het indrukken van een toets.

38
00:03:34,290 --> 00:03:51,740
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.

39
00:03:51,870 --> 00:03:59,170
Dus annuleren de log-toets ingedrukt, net als dat en we zullen druk op enter.

40
00:03:59,200 --> 00:04:06,540
Nu, als ik naar typt u een sleutel in hier krijg ik drukte hij elke keer als ik typ een sleutel.

41
00:04:06,540 --> 00:04:09,740
Laten we proberen nog een soort evenement hier zal ik vernieuwen.

42
00:04:10,080 --> 00:04:12,190
Laten we iets doen als we de muisaanwijzer op een knop.

43
00:04:12,390 --> 00:04:15,770
We veranderen het lettertype te vet als ik zweven.

44
00:04:15,840 --> 00:04:21,670
Dus moeten we eerst selecteren alle knoppen, net als dat en voeg dan onze on.

45
00:04:21,880 --> 00:04:24,730
En het geval dat we gebruiken heet Mouse in te voeren.

46
00:04:24,930 --> 00:04:25,860
Gewoon zo.

47
00:04:26,280 --> 00:04:31,280
En we beginnen met slechts tenietgedaan loggen wanneer de muis binnenkomt.

48
00:04:31,290 --> 00:04:38,240
Dus we doen een ingebouwde log muis in te voeren als dat.

49
00:04:38,610 --> 00:04:44,090
En nu als ik de muisaanwijzer op krijg ik een muis in te voeren, net als dat.

50
00:04:44,340 --> 00:04:46,420
En het is pas als we het element voert u eerst.

51
00:04:46,680 --> 00:04:50,300
Zodat het niet te houden over en triggering totdat ik te verlaten en terug te komen.

52
00:04:50,750 --> 00:04:51,060
OK.

53
00:04:51,060 --> 00:04:55,450
Dus als we dat doen muis betreden we gaan niet te willen voortdurend te loggen.

54
00:04:55,470 --> 00:05:04,140
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.

55
00:05:04,350 --> 00:05:13,020
Dus leuke manieren en wij zorgen dat vouwen, net als dat en druk op enter.

56
00:05:13,020 --> 00:05:18,310
Nu als ik zweven is het moeilijk om te zien wat het verandert vet te zijn.

57
00:05:18,390 --> 00:05:21,200
Natuurlijk blijft het vet nooit veranderingen terug.

58
00:05:21,390 --> 00:05:32,040
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.

59
00:05:32,040 --> 00:05:32,670
Stoutmoedig.

60
00:05:32,670 --> 00:05:36,800
We kunnen het veranderen terug naar normaal, net als dat.

61
00:05:36,810 --> 00:05:40,420
Nu, als ik laat het gaat terug naar normaal.

62
00:05:40,830 --> 00:05:43,530
En als ik invoeren als vet ik laat het is normaal.

63
00:05:43,950 --> 00:05:50,610
Dus dit is hoe we iets kunnen doen met javascript een soort zoals hover selectie-effect te doen.

64
00:05:50,670 --> 00:05:57,490
Maar met CSSA nu kunnen we gemakkelijk doen dat zonder javascript helemaal met de hover pseudo-selector.

65
00:05:57,490 --> 00:06:00,510
En ik wilde alleen maar om aan te tonen dat er andere evenementen die er zijn.

66
00:06:00,720 --> 00:06:06,890
Dus alle gebeurtenissen die we konden gebruiken met een gebeurtenislistener we kunnen gebruiken op dat maakt het echt heel nuttig.

67
00:06:06,990 --> 00:06:09,500
Zoals ik al zei we zullen gebruiken het de hele tijd.

68
00:06:09,840 --> 00:06:14,690
Er is dus nog een laatste punt dat ik wil graag over op te maken en als een voorbeeld dat ik ga gebruiken.

69
00:06:14,690 --> 00:06:16,440
Klik op en op.

70
00:06:16,440 --> 00:06:19,510
Klik op en praten over hoe ze zijn iets anders.

71
00:06:19,800 --> 00:06:22,230
Dus ze ze allebei zullen over het algemeen werken voor je.

72
00:06:22,230 --> 00:06:31,590
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.

73
00:06:32,040 --> 00:06:37,790
En het in klik zal luisteraars toe te voegen voor alle toekomstige elementen of potentiële toekomstige elementen.

74
00:06:37,980 --> 00:06:40,430
Dus dit zal zinvol wanneer u de to do list.

75
00:06:40,530 --> 00:06:52,190
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.

76
00:06:52,260 --> 00:06:57,090
En dat zal een nieuw te doen te maken en we willen die nieuw aan te doen om hun eigen klik luisteraars hebben.

77
00:06:57,090 --> 00:07:01,930
Dus moeten we gebruiken weer dat zal meer zin te maken wanneer we eigenlijk begonnen om de lijst te doen.