1
00:00:00,210 --> 00:00:01,440
OK wrócimy.

2
00:00:01,470 --> 00:00:03,590
Mamy więc jeden mniej metody, które chcę o tym mówić.

3
00:00:03,740 --> 00:00:09,160
Jak już wspomniałem w filmie Wprowadzenie do wydarzeń J Korei na metodzie jest to, co będziemy używać.

4
00:00:09,200 --> 00:00:13,980
Dziewięćdziesiąt dziewięć procent czasu jest zdecydowanie najczęściej używanych Jay queery metoda zdarzenia.

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

6
00:00:14,490 --> 00:00:18,580
Więc pomówmy o tym, jak to działa na bardzo podobny do wanilii.

7
00:00:18,620 --> 00:00:20,790
Tak detektor zdarzeń.

8
00:00:20,790 --> 00:00:22,270
Oczywiście jest dużo krótszy.

9
00:00:22,290 --> 00:00:29,590
To tylko dwie postacie, ale zachowuje się w podobny sposób, w którym możemy nadać mu nazwę zdarzenia, które chcemy, aby słuchać go.

10
00:00:29,760 --> 00:00:58,760
Tak więc w przeciwieństwie do kliknięcia lub naciśnięcie klawisza, który zadziała tylko na jednym rodzaju kliknięcia zdarzenie lub naciśnięcie klawisza na pozwala nam określić, czy robimy kliknięcie jak my tu robimy przedstawienia po kliknięciu lub jeśli robimy podwójne kliknięcie jak mam tutaj na podwójne kliknięcie przycisku lub rozpoczęciu przeciągania lub naciśnięcie klawisza, dzięki czemu można go zastąpić wszystkie rzeczy już widziałem z kliknięciem i nacisnąć klawisz i wszystkich innych metod tutaj.

11
00:00:58,870 --> 00:01:06,670
Jest mnóstwo nich jak zwój i złożyć i przełączać nacisnąć przycisk wijące się klucz w dół.

12
00:01:06,780 --> 00:01:10,410
Wszystko to można zrobić z tylko na metodę.

13
00:01:10,410 --> 00:01:15,480
To działa prawie tak samo, choć w którym musimy wybrać coś ze znakiem dolara w pierwszej kolejności.

14
00:01:15,870 --> 00:01:17,450
Więc pokażę wam przykład.

15
00:01:17,730 --> 00:01:28,500
Wybieramy coś w tym przypadku wszystkich nauczycieli wewnątrz ciała wewnątrz coś z ideą tabeli danych, a następnie uruchomić go, a następnie na rodzaj imprezy.

16
00:01:28,500 --> 00:01:33,740
Więc to jest nowe w porównaniu kliknąć i nacisnąć przycisk, który ma tylko funkcję zwrotną.

17
00:01:33,840 --> 00:01:36,560
Musimy określić, jakie zdarzenie jesteśmy nasłuchując.

18
00:01:36,750 --> 00:01:40,810
Więc kliknij w tym przypadku, a następnie przecinek funkcję zwrotną.

19
00:01:40,830 --> 00:01:42,550
Chcemy być uruchamiane.

20
00:01:42,660 --> 00:01:45,930
Więc spróbujmy to uwagę, aby odświeżyć swoją stronę.

21
00:01:45,930 --> 00:01:47,100
Moja AJ wydobywany demo.

22
00:01:47,130 --> 00:01:51,390
Więc nie mamy kliknięcia słuchaczy więc bez kliknięć nie mamy naciśnięć klawiszy.

23
00:01:51,390 --> 00:01:53,350
Nic nie dzieje się na naszych guzików albo.

24
00:01:53,760 --> 00:01:57,600
Chodźmy spróbować i dodać kilka szybkich słuchaczy pierwszego.

25
00:01:57,630 --> 00:02:00,660
Zmieńmy kolor H-1, gdy klikamy na nią.

26
00:02:00,720 --> 00:02:13,570
Więc musimy wybrać każdą z nich, a potem będziemy robić na pierwszym argumentem jest typ zdarzenia, które jest szybkie i wtedy nasza funkcja zwrotna.

27
00:02:13,950 --> 00:02:31,260
A wewnątrz funkcji zwrotnej, czy chcemy zmienić kolor H-1 możemy zrobić coś takiego, gdzie po prostu powiedzieć, H-1 gutsiest nam Kolor purpury i zobaczyć, czy można myśleć, dlaczego to może być problem.

28
00:02:31,320 --> 00:02:44,700
Więc będę nacisnąć enter i to działa dobrze okazuje fioletowy ale mam zamiar skopiować ten kod i odświeżyć stronę i mam zamiar dodać w innym H-1 trójka i zapisać.

29
00:02:44,790 --> 00:02:46,340
Teraz mamy trzy H-1.

30
00:02:46,770 --> 00:02:55,160
A jeśli ten kod ponownie mówi każda H-1, gdy klikamy na nim zmienić wszystkie te H być fioletowy.

31
00:02:55,200 --> 00:02:57,060
Więc spróbuję tego.

32
00:02:57,090 --> 00:03:04,670
Wszyscy zmiana fioletowy, który być może jest to cecha, która chcemy, ale przez większość czasu chcemy wpływać na jeden element, który możemy kliknąć.

33
00:03:04,950 --> 00:03:14,790
Tak, aby zrobić wszystko odświeżyć musimy użyć słowa kluczowego to i pamiętać, że musi być opakowanie zapytanie J do tego.

34
00:03:14,790 --> 00:03:22,160
Więc znak dolara nawiasach to i to odnosi się do jednego H-1 lub jednej rzeczy, która została kliknął.

35
00:03:22,180 --> 00:03:28,400
A teraz, jeśli uderzę wejść i kliknij tylko poprawne H-1 zmiany fioletowy.

36
00:03:29,040 --> 00:03:31,770
OK, więc to, w jaki sposób możemy wykorzystać do zrobienia kliknięcie.

37
00:03:31,770 --> 00:03:34,150
Teraz zobaczmy, jak ją wykorzystać do naciśnięcia jednego klawisza.

38
00:03:34,290 --> 00:03:51,740
Więc wybieramy wejście jak na tej kropce, a następnie dodamy naciśnij klawisz a drugi argument jest funkcja zwrotna, a my po prostu zrobić prosty Wagoniki zalogować.

39
00:03:51,870 --> 00:03:59,170
Więc anulować wciśnięty klawisz dziennika ot tak, a my wciskamy enter.

40
00:03:59,200 --> 00:04:06,540
Teraz jeśli pójdę wpisać klucz tutaj mam przycisnął za każdym razem wpisać klucz.

41
00:04:06,540 --> 00:04:09,740
Spróbujmy jeszcze jeden typ zdarzenia tutaj będę odświeżyć.

42
00:04:10,080 --> 00:04:12,190
Zróbmy coś, gdy unoszą się nad przyciskiem.

43
00:04:12,390 --> 00:04:15,770
Będziemy zmianę czcionki być pogrubione, kiedy unoszą.

44
00:04:15,840 --> 00:04:21,670
Więc musimy najpierw wybrać wszystkie przyciski tak po prostu, a następnie dodać naszą ON.

45
00:04:21,880 --> 00:04:24,730
A zdarzenie, które użyjemy nazywa Mouse wejść.

46
00:04:24,930 --> 00:04:25,860
Właśnie tak.

47
00:04:26,280 --> 00:04:31,280
I zaczniemy po prostu anulowane z wyrębu, gdy wchodzi mysz.

48
00:04:31,290 --> 00:04:38,240
Więc zrobimy wbudowany myszy dziennik wprowadzić tak.

49
00:04:38,610 --> 00:04:44,090
A teraz, gdybym najedź mam mysz wejść tak po prostu.

50
00:04:44,340 --> 00:04:46,420
I to tylko wtedy, gdy najpierw wprowadzić element.

51
00:04:46,680 --> 00:04:50,300
Więc to nie przechowuje wyzwalanie w kółko, dopóki nie zostawić i wrócić.

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

53
00:04:51,060 --> 00:04:55,450
Więc kiedy robimy myszy wejść nie będziemy chcieli stale zalogować.

54
00:04:55,470 --> 00:05:04,140
Jedziemy chce wybrać J samo opakowanie dla tego i zrobić SS zbyt odważne coś musimy zmienić grubość czcionki.

55
00:05:04,350 --> 00:05:13,020
Tak zabawne sposoby i zrobimy to spasować tak po prostu i naciśnij Enter.

56
00:05:13,020 --> 00:05:18,310
Teraz gdybym najechaniu trudno zobaczyć, co zmienia się być pogrubione.

57
00:05:18,390 --> 00:05:21,200
Oczywiście pozostaje pogrubienie nigdy nie zmienia się.

58
00:05:21,390 --> 00:05:32,040
Więc możemy dodać tę funkcję, robiąc to samo z przyciskiem myszki na urlopie, który jest kolejnym wydarzeniem, a następnie zamiast zmieniać ją czcionki wagi.

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

60
00:05:32,670 --> 00:05:36,800
Możemy zmienić go z powrotem do normalności tak po prostu.

61
00:05:36,810 --> 00:05:40,420
Teraz, jeśli mogę zostawić wraca do normy.

62
00:05:40,830 --> 00:05:43,530
A jeśli wejdę jako pogrubione Zostawiam to normalne.

63
00:05:43,950 --> 00:05:50,610
Tak to jest jak moglibyśmy coś zrobić z javascript, aby zrobić coś w rodzaju efektu selekcji unosić.

64
00:05:50,670 --> 00:05:57,490
Jednak z CSSA teraz możemy łatwo zrobić bez javascript w ogóle z selektora unosić pseudo.

65
00:05:57,490 --> 00:06:00,510
A ja po prostu chciałem, aby wykazać, że istnieją inne wydarzenia tam.

66
00:06:00,720 --> 00:06:06,890
Tak więc wszystkie wydarzenia, które możemy używać za pomocą detektora zdarzeń możemy skorzystać z na co sprawia, że ​​naprawdę bardzo przydatne.

67
00:06:06,990 --> 00:06:09,500
Jak już wspomniałem, że będziemy go używać przez cały czas.

68
00:06:09,840 --> 00:06:14,690
Więc jest jeden ostatni punkt Chciałbym, aby o sprawie, a jako przykład mam zamiar używać.

69
00:06:14,690 --> 00:06:16,440
Kliknij i dalej.

70
00:06:16,440 --> 00:06:19,510
Kliknij i porozmawiać o tym, jak są one nieco inaczej.

71
00:06:19,800 --> 00:06:22,230
Więc oni obaj zazwyczaj pracują dla ciebie.

72
00:06:22,230 --> 00:06:31,590
Będą dodać szybkie słuchacza, ale istnieje niewielka różnica, która jest kliknięcie doda tylko słuchaczy click for elementów, które znajdują się na stronie w tym czasie.

73
00:06:32,040 --> 00:06:37,790
I na kliknięcie doda słuchaczy dla wszystkich przyszłych elementów lub potencjalnych przyszłych elementów.

74
00:06:37,980 --> 00:06:40,430
Więc to będzie miało sens, gdy sprawiają, że lista rzeczy do zrobienia.

75
00:06:40,530 --> 00:06:52,190
Ale przede wszystkim musimy użyć kropki na kliknij zamiast kliknąć, ponieważ mamy zamiar zrobić, że są dodawane do strony, które nie istnieją, gdy strona ładuje typów użytkowników w formie i wciśnie ENTER.

76
00:06:52,260 --> 00:06:57,090
I że będzie nowa robić i chcemy te nowe zrobić, aby mieć własne słuchaczy kliknięcia.

77
00:06:57,090 --> 00:07:01,930
Więc musimy użyć ponownie, że będzie więcej sensu, gdy faktycznie zaczęliśmy lista rzeczy do zrobienia.