1
00:00:00,210 --> 00:00:01,440
Tamam geri geleceğiz.

2
00:00:01,470 --> 00:00:03,590
Dolayısıyla, konuşmak istediğim daha az yöntem var.

3
00:00:03,740 --> 00:00:09,160
J Kore olaylarının tanıtım videosunda da belirttiğim gibi, on yöntemi yöntemi kullanacağımızdır.

4
00:00:09,200 --> 00:00:13,980
Zamanın yüzde doksanında, en çok kullanılan Jay queery olay yöntemi.

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

6
00:00:14,490 --> 00:00:18,580
O halde nasıl çalıştığını konuşalım vanilyayla çok benzer.

7
00:00:18,620 --> 00:00:20,790
Evet bir olay dinleyicisi.

8
00:00:20,790 --> 00:00:22,270
Açıkçası çok daha kısa.

9
00:00:22,290 --> 00:00:28,200
Sadece iki karakter var ama ona dinlemek istediğimiz olayın adını verdiklerinde benzer

10
00:00:28,200 --> 00:00:29,590
bir şekilde davranıyor.

11
00:00:29,760 --> 00:00:37,650
Dolayısıyla bir etkinlik tıklamanın veya tuşa basmanın yalnızca birinde ateşlenecek tıklama veya tuşa basma işleminin aksine,

12
00:00:37,650 --> 00:00:45,780
burada yaptığımız gibi bir tıklama gerçekleştirip gerçekleştirmediğimizi tıklamayla mı gönderdiğimizi mi yoksa çift tıklama mı yapacağımızı belirlememizi

13
00:00:45,780 --> 00:00:53,730
sağlar Tıklama ve tuşa basarak gördüğünüz şeyleri ve diğer tüm yöntemleri yerine getirebilmek için burada çift

14
00:00:53,730 --> 00:00:58,760
tıklamayla veya sürükleme başlatma veya tuşa basma düğmesi var gibi.

15
00:00:58,870 --> 00:01:06,670
Onlardan bir ton kaydırma ve gönderme ve tuşa basarak düdüğünü aşağı yukarı değiştir.

16
00:01:06,780 --> 00:01:10,410
Bunların hepsi sadece on yöntemiyle yapılabilir.

17
00:01:10,410 --> 00:01:15,480
Neredeyse bir şey dolar işareti ile seçmek gerekir olsa da hemen hemen aynı şekilde çalışır.

18
00:01:15,870 --> 00:01:17,450
Bu yüzden size bir örnek göstereceğim.

19
00:01:17,730 --> 00:01:23,490
Bu durumda, veri tablosu fikriyle bir şeyin içinde bulunan bedenin içindeki tüm

20
00:01:23,490 --> 00:01:28,500
öğretmenleri seçtik ve daha sonra onu çalıştırdık ve olayın türünü uyguladık.

21
00:01:28,500 --> 00:01:33,740
Dolayısıyla, yalnızca geri arama fonksiyonu alan tıklama ve tuşa basma ile karşılaştırıldığında yeni bir şey.

22
00:01:33,840 --> 00:01:36,560
Dinlediğimiz olayı belirtmek zorundayız.

23
00:01:36,750 --> 00:01:40,810
Bu durumda bu durumu tıklayın ve ardından geri arama işlevini virgülle gönderin.

24
00:01:40,830 --> 00:01:42,550
Kaçmak istiyoruz.

25
00:01:42,660 --> 00:01:45,930
Sayfamı yenilemek için bunu deneyelim.

26
00:01:45,930 --> 00:01:47,100
AJ'im demoyu taşıdı.

27
00:01:47,130 --> 00:01:51,390
Dolayısıyla hiçbir tıklama dinleyicimiz yok, bu nedenle hiçbir tıklama gerçekleşmedi.

28
00:01:51,390 --> 00:01:53,350
Hiçbir şey bizim düğmelerimizde de olmaz.

29
00:01:53,760 --> 00:01:57,600
Hadi gidelim önce bazı hızlı dinleyiciler eklemeye çalışalım.

30
00:01:57,630 --> 00:02:00,660
H-1 üzerine tıkladığımızda rengini değiştirelim.

31
00:02:00,720 --> 00:02:10,230
Bu nedenle her birini seçmeliyiz ve sonra hızlı ve sonra geri arama fonksiyonumuz olan

32
00:02:10,230 --> 00:02:13,570
olay türünü ilk argümanda yapacağız.

33
00:02:13,950 --> 00:02:20,640
Ve geri arama fonksiyonu içinde H-1'in rengini değiştirmek isteseydik böyle bir şey

34
00:02:20,640 --> 00:02:30,750
yapabilirdik ki burada H-1 gutsiour'u Renk Mor olarak söylüyorduk ve bunun neden bir sorun olabileceğini düşünüyor musun bakın.

35
00:02:30,750 --> 00:02:31,260
 

36
00:02:31,320 --> 00:02:38,880
Bu yüzden entera vuracağım ve mor renkte dönmesine rağmen işe yarıyor ancak bu kodu

37
00:02:38,880 --> 00:02:44,700
kopyalayıp sayfayı yenileyeceğim ve bunlardan üçünü başka bir H-1'e ekleyip kaydedeceğim.

38
00:02:44,790 --> 00:02:46,340
Şimdi üç tane H-1 var.

39
00:02:46,770 --> 00:02:55,160
Ve eğer bu kodu tekrar çalıştırırsam, herhangi bir H-1'i tıkladığımda, bütün olanları mor olarak değiştiririm der.

40
00:02:55,200 --> 00:02:57,060
Bu yüzden deneyeceğim.

41
00:02:57,090 --> 00:03:02,910
Hepsi mor istiyor, belki de istediğimiz bir özellik ama çoğu zaman tıkladığımız bir

42
00:03:03,060 --> 00:03:04,670
maddeyi etkilemek istiyoruz.

43
00:03:04,950 --> 00:03:13,830
Bunu yapmak için yenilemeyi yapmak için bu anahtar kelimeyi kullanmamız ve bunun için J sorgusu sarmalayıcı olması

44
00:03:13,980 --> 00:03:14,790
gerektiğini unutmayın.

45
00:03:14,790 --> 00:03:21,600
Dolayısıyla dolar işareti parantez içine alıyor ve bu bir H-1 ya da tıklanan bir şeyi ifade ediyor.

46
00:03:22,180 --> 00:03:28,400
Ve şimdi girişe basarsam ve sadece mor H-1 değişikliklerini tıklamayı denerim.

47
00:03:29,040 --> 00:03:31,770
Tamam, böylece bir tıklama yapmak için bunu kullanabiliriz.

48
00:03:31,770 --> 00:03:34,150
Şimdi bir tuşa basmak için nasıl kullanacağımızı görelim.

49
00:03:34,290 --> 00:03:35,760
Bu noktada, o

50
00:03:38,610 --> 00:03:50,070
nokta gibi girişimizi seçeceğiz ve daha sonra tuşa basacağız ve ikinci argüman geri arama fonksiyonudur ve sadece basit bir giriş

51
00:03:50,070 --> 00:03:51,740
günlüğü yapacağız.

52
00:03:51,870 --> 00:03:59,170
Bu şekilde basılı günlük tuşunu iptal edersen girer girelim.

53
00:03:59,200 --> 00:04:06,540
Şimdi buraya bir anahtar yazarsam, her tuşa basmam için bastırır.

54
00:04:06,540 --> 00:04:09,740
Burada bir türünü daha deneyelim yenileyeyim.

55
00:04:10,080 --> 00:04:12,190
Bir düğmenin üzerine getirdiğimizde bir şeyler yapalım.

56
00:04:12,390 --> 00:04:15,770
Fareyle üzerine geltiğimde kalın yazı tipini değiştireceğiz.

57
00:04:15,840 --> 00:04:21,670
Bu yüzden, önce bunun gibi tüm düğmeleri seçip daha sonra eklemeliyiz.

58
00:04:21,880 --> 00:04:24,730
Ve kullanacağımız etkinliğe Fare girişi adı verilir.

59
00:04:24,930 --> 00:04:25,860
Aynen böyle.

60
00:04:26,280 --> 00:04:31,280
Ve fare girdiğinde günlüğe kaydetme işlemini iptal etmeye başlayacağız.

61
00:04:31,290 --> 00:04:38,240
Böylece, böyle bir girdi girişi yapacağız.

62
00:04:38,610 --> 00:04:44,090
Ve şimdi üzerinde gezinirsem bir fare böyle girerim.

63
00:04:44,340 --> 00:04:46,420
Ve sadece elemana ilk girdiğimizde.

64
00:04:46,680 --> 00:04:50,300
Bu yüzden ayrılıp geri gelene kadar tekrar tekrar tetiklenmeye devam etmiyor.

65
00:04:50,750 --> 00:04:51,060
TAMAM.

66
00:04:51,060 --> 00:04:55,450
Dolayısıyla fare girişi yaptığımızda sürekli günlüğe kaydetmek istemeyeceğiz.

67
00:04:55,470 --> 00:05:02,880
Bunun için J çok sarmalayıcıyı seçmek ve SS'yi yazı tipi ağırlığını değiştirmek için çok cesur bir

68
00:05:02,880 --> 00:05:04,140
şey yapmak istiyoruz.

69
00:05:04,350 --> 00:05:13,020
Çok eğlenceli yollar ve bunun gibi katlanıp isabet yapacağız.

70
00:05:13,020 --> 00:05:18,310
Şimdi gezinirsem, cesur olması için nelerin değiştiğini görmek zor.

71
00:05:18,390 --> 00:05:21,200
Tabii ki cesur kalır, asla değişmez.

72
00:05:21,390 --> 00:05:29,670
ile başka bir olay olan aynı şeyi yaparak ve daha sonra bunu yazı tipi ağırlığına değiştirmeden bu özelliği ekleyebiliriz.

73
00:05:30,150 --> 00:05:32,040
Dolayısıyla, fare bırakma butonu

74
00:05:32,040 --> 00:05:32,670
Kalın.

75
00:05:32,670 --> 00:05:36,800
Bu şekilde normale döndürebiliriz.

76
00:05:36,810 --> 00:05:40,420
Şimdi ayrılırsam normale döner.

77
00:05:40,830 --> 00:05:43,530
Ve eğer cesur gibi girersem normal bırakırım.

78
00:05:43,950 --> 00:05:50,610
Bu yüzden, hover seçme efekti gibi bir şey yapmak için javascript ile bir şeyler yapabiliriz.

79
00:05:50,670 --> 00:05:57,000
Bununla birlikte, CSSA ile artık bunu, fareyle sözde seçici ile herhangi bir javascript olmadan kolayca yapabiliriz.

80
00:05:57,490 --> 00:06:00,510
Ve sadece orada başka olayların olduğunu göstermek istedim.

81
00:06:00,720 --> 00:06:06,060
Bu yüzden üzerinde kullanabileceğimiz bir olay dinleyicisi ile kullanabileceğimiz tüm olaylar gerçekten

82
00:06:06,060 --> 00:06:06,890
yararlı olur.

83
00:06:06,990 --> 00:06:09,500
Bahsettiğim gibi her zaman kullanacağız.

84
00:06:09,840 --> 00:06:14,690
Bu yüzden üzerinde yapmak istediğim bir son nokta var ve bunu bir örnek olarak kullanacağım.

85
00:06:14,690 --> 00:06:16,440
Tıklayın ve başlatın.

86
00:06:16,440 --> 00:06:19,510
Tıklayın ve biraz farklı oldukları hakkında konuşun.

87
00:06:19,800 --> 00:06:22,230
Dolayısıyla ikisi de sizin için genellikle çalışır.

88
00:06:22,230 --> 00:06:28,290
o anda sayfadaki öğeler için tıklama dinleyicileri ekleyeceği küçük bir fark var.

89
00:06:28,290 --> 00:06:31,590
Hızlı bir dinleyici ekleyecekler, ancak tıklamanın yalnızca

90
00:06:32,040 --> 00:06:37,790
Tıklama tıklaması gelecekteki tüm unsurlar veya potansiyel gelecek unsurlar için dinleyiciler katacaktır.

91
00:06:37,980 --> 00:06:40,430
Bu nedenle, yapılacaklar listesini yaptığınızda bu anlamlı olacaktır.

92
00:06:40,530 --> 00:06:47,010
Ancak temelde tıklamadan ziyade tıklama yerine nokta kullanmamız gerekiyor, çünkü sayfa bir kullanıcı türünü bir

93
00:06:47,010 --> 00:06:52,060
forma yüklediğinde ve girilen isabetler olduğunda sayfaya eklenecek işler yapmak zorunda kalacağız.

94
00:06:52,260 --> 00:06:57,090
Ve bu yeni bir şey yapacak ve yeni olanların kendi tıklama dinleyicilerine sahip olmalarını istiyoruz.

95
00:06:57,090 --> 00:07:01,930
Bu nedenle, tekrar çalışmaya ihtiyacımız var ki aslında listeye başladığımızda mantıklı olacak.