1
00:00:00,510 --> 00:00:01,810
सभी अधिकार वापस स्वागत करते हैं।

2
00:00:01,860 --> 00:00:15,640
इस वीडियो में मैं घटनाओं के विभिन्न प्रकार के कुछ अब तक हम क्लिक करें घटना और परिवर्तन घटना है कि हम एक पाठ इनपुट या स्कोर कीपर अनुप्रयोग में एक नंबर इनपुट पर इस्तेमाल सामना करना पड़ा है के बारे में थोड़ा और अधिक बात करना चाहते हैं।

3
00:00:15,780 --> 00:00:18,930
मैं M.B.A. घटना संदर्भ को शुरू करने से शुरू करने जा रहा हूँ।

4
00:00:18,930 --> 00:00:20,720
तो यह है कि वेब पेज मैं यहीं पर हूँ।

5
00:00:20,940 --> 00:00:26,790
और इस वेब पेज सभी विभिन्न घटनाओं है कि डोम एपीआई द्वारा मान्यता प्राप्त हैं करने के लिए एक संदर्भ है।

6
00:00:26,910 --> 00:00:30,840
और अगर हम नीचे स्क्रॉल बस आप कैसे देखते हैं पर आश्चर्य हो सकता है।

7
00:00:31,260 --> 00:00:41,040
और मैं वास्तव में अगले व्यायाम में आपके पास करने के लिए सिर्फ गिनती करने के लिए देखते हैं कि कितने कुछ कोड लिखने जा रहा हूँ विपक्ष की ज्यामिति का उपयोग करने का एक मजेदार व्यावहारिक उदाहरण है ..

8
00:00:41,310 --> 00:01:04,780
तो अगर आप गिनती करने के लिए कैसे देखते हैं लेकिन अब के लिए सिर्फ इतना पता है कि उनमें से एक टन देखते हैं कि वहाँ जा रहे हैं और शायद पाँच या छह शायद 10 के लिए वास्तव में आम लोगों को खींचें के लिए की तरह हर समय चीजों का उपयोग और के लिए छोड़ देंगे रहे हैं एक मँडरा घटना क्लिक करें घटनाओं शायद डबल क्लिक कुंजी प्रेस घटनाओं लेकिन अन्यथा और अधिक अस्पष्ट लोगों का एक बहुत उपयोग कभी नहीं होगा या हो सकता है कि आप उन्हें एक परियोजना में एक बार इस्तेमाल करेंगे।

9
00:01:05,190 --> 00:01:10,510
लेकिन यह जानना इस वेब पेज से मौजूद है कि इतने सारे घटनाओं है कि हम भी प्रयोग नहीं कर सकते हैं या तो अच्छा है।

10
00:01:10,740 --> 00:01:16,980
और इस वीडियो मैं विशेष रूप से दो घटना इतनी मँडरा अपने माउस के साथ एक तत्व पर मँडरा के साथ नहीं है उस पर ध्यान केंद्रित करने के लिए जा रहा हूँ।

11
00:01:17,100 --> 00:01:20,490
और उन पर माउस और माउस के बाहर कहा जाता है।

12
00:01:20,790 --> 00:01:31,910
तो मैं एक साधारण आवेदन किया है और मैं इसे अपने नए फ़ाइल में उस उम्र में उसे क्या करने के लिए कहा जाता है बनाने के लिए जा रहा हूँ और मैं सिर्फ अपने नियमित बॉयलरप्लेट जोड़ने के लिए जा रहा हूँ और यह एक पूरी सूची क्या करने के लिए नहीं किया जा रहा है।

13
00:01:31,920 --> 00:01:37,950
हम नए जोड़ने के लिए सक्षम नहीं हो सकता है या हम क्या करने जा रहे हैं कि तीन या चार सहयोगियों के साथ एक उल है।

14
00:01:38,070 --> 00:01:51,060
धोने बिल्ली जैसे हालात बिल्ली फ़ीड और हम कुत्ते को बिल्ली फ़ीड करने के लिए और बचा लेंगे।

15
00:01:51,060 --> 00:01:54,340
इसलिए हम अपने क्या करने के तीन लोगों की है और वह सब हम अब के लिए की जरूरत है।

16
00:01:54,630 --> 00:01:55,530
और मैं क्या करना चाहते हैं।

17
00:01:55,530 --> 00:01:58,590
मैं ब्राउज़र में इस खोलने के लिए जा रहा हूँ।

18
00:01:58,590 --> 00:02:05,190
मैं क्लिक करने के लिए सक्षम होना चाहते हैं और है कि आइटम करने के लिए बाहर ग्रे और शायद स्ट्राइकथ्रू यह इसके माध्यम से एक लाइन डाल देना चाहिए।

19
00:02:05,340 --> 00:02:09,250
लेकिन मैं यह भी मंडराना करने में सक्षम होना चाहते हैं और मुझे पता है जो एक मैं पर मँडरा रहा हूँ चाहते हैं।

20
00:02:09,270 --> 00:02:12,960
इसलिए मुझे यह अच्छा प्रयोक्ताओं की राय के रूप में मैं इनमें से किसी एक के ऊपर मंडराना मिलता है।

21
00:02:12,960 --> 00:02:21,640
हो सकता है कि आपको यह रंग बदलने के लिए होगा या बोल्ड सिर्फ यह हरे रंग का कर रही है और वहां इन मंडराना घटनाओं का उपयोग कर तो बहुत अच्छा प्रभाव अपने उपयोगकर्ता के लिए आप कर सकते हैं से शुरू होगा।

22
00:02:21,810 --> 00:02:26,870
तो मैं दिखाता हूँ कि अभी इससे पहले कि हम वास्तव में किसी भी जावास्क्रिप्ट लिख सकता है, हालांकि हम अपनी फाइल बनाने की जरूरत है।

23
00:02:26,940 --> 00:02:31,010
इसलिए मैं एक नई फाइल को बचाने के लिए जा रहा हूँ और मैं क्या करने के लिए यह फोन करता हूँ।

24
00:02:31,180 --> 00:02:32,200
हाँ।

25
00:02:32,520 --> 00:02:51,520
और हमेशा की तरह मैं अपनी चेतावनी जुड़ा बचाने के लिए यहाँ वापस जाना और नीचे में हमारे लिपि में जोड़ सकते हैं और हमारे स्रोत उपद्रव के बराबर डॉट जे.एस. था और हम बचाने के लिए या ताज़ा और हम अपनी चेतावनी मिल जाएगा।

26
00:02:51,630 --> 00:02:53,190
इसका मतलब है कि यह काम कर रहा है।

27
00:02:53,850 --> 00:03:00,100
की है कि पहली घटना है कि मैंने उल्लेख किया है और पहली बात यह है कि हम क्या करने की जरूरत कुछ का चयन करने से पहले हम में हेरफेर कर सकते है पर चलते हैं।

28
00:03:00,120 --> 00:03:03,050
तो मैं सिर्फ पहला झूठ करने के लिए यह कर रही द्वारा शुरू करने के लिए जा रहा हूँ।

29
00:03:03,180 --> 00:03:19,560
तो मैं वर पहली सहयोगी ECOs दस्तावेज का उपयोग करने के लिए जा रहा हूँ और मैं एक प्रश्न चयनकर्ता सहयोगी करते हैं और क्योंकि मैं एक प्रश्न सभी चयनकर्ता नहीं किया है यह मेरे पहला झूठ देता याद करेंगे और फिर मैं अपने घटना श्रोता जोड़ने के लिए जा रहा हूँ पहली सहयोगी करने के लिए।

30
00:03:19,740 --> 00:03:30,060
इसलिए हम पहली सहयोगी घटना श्रोता और घटना है कि हम के लिए इस पर माउस क्लिक है नहीं है सुन रहे हैं जोड़ने चला गया।

31
00:03:30,060 --> 00:03:32,350
और फिर हम अपने कॉलबैक समारोह दे।

32
00:03:33,300 --> 00:03:38,650
और जिस तरह से काम करता है कि mouseover इसे जल्द से आग करने के लिए जा रहा है के रूप में हम कुछ पर मँडरा शुरू करते हैं।

33
00:03:38,790 --> 00:03:47,880
तो अगर मैं यह पिछले सहयोगी के साथ अपने माउस दूसरा एक और अभी और यह पहली बार एक काम कर रहा था और अधिक से अधिक यह सही अब आग और अभी जाएगा।

34
00:03:47,880 --> 00:03:50,760
तो यह बारे में जब मंडराना शुरू होता है।

35
00:03:50,910 --> 00:04:06,950
तो पहले की मैं इस घटना श्रोता mouseover जोड़ना चाहते हैं और हम बस पर एक लॉग बजाय एक कॉलबैक माउस करूँगा और अगर हम अपने सांत्वना खोलने के ताज़ा याद है हम केवल पहली सहयोगी करने के लिए ऐसा किया था और वहाँ हम चले हम एक mouseover मिलता है।

36
00:04:07,080 --> 00:04:11,610
इसके अलावा यह यह लगातार हर बार फायरिंग नहीं की गई अधिसूचना के लिए महत्वपूर्ण है।

37
00:04:11,660 --> 00:04:16,050
आप जानते हैं कि हम कर रहे हैं इस पर यह जब एक तत्व पर हमारे मंडराना वास्तव में शुरू होता है।

38
00:04:16,080 --> 00:04:21,770
तो यह है कि उपयोगी इतना है कि हम लगातार नहीं हो आप लगातार प्रवेश करने जानते हैं या जो कुछ भी हम कोड कॉलबैक में है कि क्या है।

39
00:04:21,780 --> 00:04:24,530
यह केवल जब हम शुरू में पर माउस होता है।

40
00:04:24,900 --> 00:04:29,660
तो बजाय सिर्फ सहयोगी का रंग बदलने पर लॉगिंग चलो काम रद्द कर दें।

41
00:04:29,670 --> 00:04:30,640
चलो यह हरे रंग बनाते हैं।

42
00:04:30,720 --> 00:04:32,880
तो जब आप पर ले जाएं, यह हरे रंग बदल जाता है।

43
00:04:32,880 --> 00:04:50,800
इसलिए हम पहली सहयोगी डॉट शैली है कि रंग हरे रंग की बराबरी करने की ज़रूरत है और हम ताज़ा बचाने के लिए और अब देखना मैं उसे एक छोटे से बड़ा बनाने के लिए और यह एक छोटे से बड़ा यहाँ बनाने के लिए और ताज़ा रूप में मैं अपने माउस शुरू पर यह हरे रंग बदल जाता हूँ।

44
00:04:51,240 --> 00:04:55,300
और फिर जब मैं दूर जाना यह हरे रंग का रहता है जो कि हम क्या नहीं करना चाहता।

45
00:04:55,410 --> 00:04:57,110
हम सिर्फ इस एक हॉवर प्रभाव होना चाहते हैं।

46
00:04:57,150 --> 00:04:59,460
तो जब मैं सहयोगी पर ले जाएं, यह हरे रंग बदल जाता है।

47
00:04:59,490 --> 00:05:07,380
लेकिन जब मैं रोक यह है कि हम वास्तव में एक और घटना और उस घटना आग जाएगा जब हमारे मंडराना खत्म हो गया है की जरूरत है काला किया जा रहा करने के लिए वापस चला जाता है।

48
00:05:07,410 --> 00:05:13,940
इसलिए हम इस तत्व छोड़ दें और यह माउस के बाहर कहा जाता है तो हम एक ही बात पहले सहयोगी क्या करने जा रहे हैं।

49
00:05:14,090 --> 00:05:18,280
लेकिन घटना Lessner माउस बाहर पर।

50
00:05:19,680 --> 00:05:27,960
और फिर हमारे कॉलबैक समारोह और हम सिर्फ एक पहला फ्लाई शैली के हमले रंग करते हैं और इसे वापस काला करने के लिए निर्धारित करेंगे।

51
00:05:28,080 --> 00:05:39,590
बस ऐसे ही और अगर हम ताज़ा आप इसे हरी जाता देख सकते हैं और फिर बाहर माउस एक हरे और इतने पर पर काले और माउस के लिए वापस चला जाता है।

52
00:05:40,020 --> 00:05:46,960
तो अब हम इस छोटे से मंडराना प्रभाव क्या हम जो करने के लिए चयन किया जाता है पर मँडरा रहे मूल रूप से हमें पता चलता है कि मिलता है।

53
00:05:46,950 --> 00:05:50,130
तो अब यह हर एक झूठ के लिए काम करने के लिए मिलता है।

54
00:05:50,160 --> 00:05:52,230
यह सिर्फ एक कुछ छोटे बदलाव है कि हम क्या करने की जरूरत है।

55
00:05:52,260 --> 00:05:55,460
और उनमें से पहले हम सभी सहयोगी दलों का चयन करने की जरूरत है।

56
00:05:55,510 --> 00:06:05,070
बहुत चर बदलने जा रहे हैं तो यह है कि हमें तीन सहयोगियों के साथ एक सूची देता है अब तक झूठ दस्तावेज प्रश्नों पत्र सभी सहयोगी दलों होने के लिए।

57
00:06:05,400 --> 00:06:11,170
और फिर बेशक दुर्भाग्य से हम सिर्फ इस निहित है कि एक घटना श्रोता वह काम नहीं करता नहीं कर सकते हैं।

58
00:06:11,160 --> 00:06:14,860
हम अपने बराबर शून्य से चार पाश के लिए एक करने की ज़रूरत है।

59
00:06:15,090 --> 00:06:18,950
मैं कम से कम है कि लिंक निहित है।

60
00:06:19,080 --> 00:06:20,710
प्लस प्लस।

61
00:06:20,870 --> 00:06:30,990
और उम्मीद है कि आप एक छोटे से अधिक आरामदायक इस जोड़ने की घटनाओं कर रही है या एक पाश जहां हम उनमें से एक गुच्छा का चयन करने के बजाय कुछ जोड़ तोड़ महसूस करने के लिए शुरू कर रहे हैं और उसके बाद हम के माध्यम से पाश और हम कुछ व्यक्तिगत रूप से करते हैं।

62
00:06:31,180 --> 00:06:36,470
जैसे मैंने पहले वास्तव में आम पैटर्न में कुछ वीडियो वास्तव में महत्वपूर्ण है कि हम इसके साथ आराम पाने के लिए शुरू कहा।

63
00:06:36,490 --> 00:06:40,550
तो यहाँ के बजाय कर रही है अंदर कुछ और पहले मैं इस घटना श्रोता जोड़ना चाहते हैं।

64
00:06:40,650 --> 00:06:45,760
हम सहयोगी दलों ब्रैकेट आंखों के साथ काम कर रहे हैं ताकि हमारे व्यक्तिगत सहयोगी है।

65
00:06:45,930 --> 00:06:51,950
और फिर मैं सिर्फ इस कोड को कॉपी करने के लिए जा रहा हूँ और वहाँ इस कोड के साथ एक समस्या है।

66
00:06:51,960 --> 00:06:55,090
मेरा मतलब है कि यह काम करेगा, लेकिन यह तरीका है कि हम यह चाहते हैं में काम नहीं करेगा।

67
00:06:55,360 --> 00:07:00,450
क्या होगा हम एक सहयोगी सहयोगी दलों के लिए एक घटना श्रोता जोड़ रहे है।

68
00:07:00,960 --> 00:07:06,430
लेकिन जब हम उनमें से किसी को हम केवल बदल रहे हैं पहले सहयोगी डॉट शैली काले रंग पर माउस।

69
00:07:06,540 --> 00:07:09,800
और वास्तव में यह क्योंकि पहला झूठ अब और परिभाषित नहीं है काम नहीं करेगा।

70
00:07:09,810 --> 00:07:10,860
हम नाम बदल दिया है।

71
00:07:11,040 --> 00:07:12,740
लेकिन यह है कि क्या हम वैसे भी चाहता था।

72
00:07:12,750 --> 00:07:17,220
हम इसे सहयोगी कि पर hovered था कि घटना पर माउस पर हुआ होना चाहते हैं।

73
00:07:17,440 --> 00:07:21,110
तो हम शब्द यह करने के लिए इसे बदल सकते हैं।

74
00:07:21,270 --> 00:07:28,020
याद रखें कि इस महत्वपूर्ण शब्द के बजाय एक घटना श्रोता आइटम या तत्व है कि घटना पर शुरू हो गया था को दर्शाता है।

75
00:07:28,260 --> 00:07:33,210
इस शैली है, लेकिन रंग का बराबर स्क्रीन तो और फिर हम तो बस फिर इस कोड को नकल करेंगे।

76
00:07:33,850 --> 00:07:48,780
लेकिन माउस के बजाय से हम एक माउस बाहर कर देंगे और इसके बजाय ग्रीन के पास जाने की हम वापस काला करने के लिए जाना होगा और फिर हम इस से छुटकारा मिल सकता है और ताज़ा और वहाँ हम चले।

77
00:07:48,880 --> 00:07:50,710
हम अपने अच्छा सा मंडराना प्रभाव है।

78
00:07:51,060 --> 00:07:56,210
तो आखिरी बात के बारे में वे एक क्लिक श्रोता जोड़ने का है बात करेंगे सिर्फ इस एक छोटे से अधिक पूरा करने के लिए।

79
00:07:56,230 --> 00:08:07,150
तो एक ही बात है जैसे मैंने सोचा था घटना श्रोता जोड़ सकते हैं या एक कॉलबैक समारोह क्लिक करें।

80
00:08:07,480 --> 00:08:10,610
और क्या हम यहाँ क्या करने जा रहे हैं एक वर्ग का उपयोग है।

81
00:08:10,830 --> 00:08:12,910
तो मैं सिर्फ प्रथम श्रेणी जोड़ने के लिए जा रहा हूँ।

82
00:08:12,900 --> 00:08:20,290
यह मौजूद नहीं है, लेकिन मैं इस वर्ग की सूची है कहने के लिए जा रहा हूँ और शुरू वर्ग की सूची है कि टॉगल को चालू करना होगा।

83
00:08:20,560 --> 00:08:22,680
और हम सिर्फ फोन करता हूँ कक्षा किया।

84
00:08:23,110 --> 00:08:29,930
तो बात मैं इनमें से किसी एक पर क्लिक कर सकते हैं और इसे बाहर ग्रे और एक स्ट्राइकथ्रू प्रभाव होना चाहिए है।

85
00:08:30,030 --> 00:08:38,720
और भले ही मैं एक वर्ग किया परिभाषित यह अभी भी जोड़ा है तो मैं उस सांत्वना को खोलने के लिए आपको दिखाई और हम इनमें से किसी एक का निरीक्षण करने दे सकते हैं नहीं है।

86
00:08:39,070 --> 00:08:48,470
और फिर वास्तव में इस पर क्लिक करते हैं और आप देखेंगे या पहले से एक आप जिस तरह से रंग हरे और काले यहाँ बदलने के लिए एक मंडराना रूप से देख सकते हैं पर क्लिक कर सकते हैं।

87
00:08:48,490 --> 00:08:52,920
लेकिन जैसा कि मैंने यह पहले एक पर क्लिक करें यदि आप यह वर्ग किया कहते हैं देख सकते हैं।

88
00:08:52,920 --> 00:08:55,740
और फिर मैं फिर से क्लिक करें और इसे दूर चला जाता है।

89
00:08:55,750 --> 00:08:58,070
तो अब हम सिर्फ कक्षा किया परिभाषित करने की जरूरत है।

90
00:08:58,330 --> 00:08:59,290
तो चलो कि अब करते हैं।

91
00:08:59,380 --> 00:09:10,310
मैं उदात्त करने के लिए खत्म हो जाने और एक नई फ़ाइल बनाने के लिए और मैं के रूप में करना है कि सी एस एस और पहली बात हम करते हैं को परिभाषित हमारी क्लास किया है इस बचाने के लिए जा रहा हूँ।

92
00:09:10,950 --> 00:09:24,450
और मैं इसे एक स्ट्राइकथ्रू प्रभाव है जो हम पाठ सजावट के साथ क्या देने जा रहा हूँ और हम के माध्यम से उस लाइन की स्थापना की और भी अस्पष्टता बदल तो अस्पष्टता 0.5 हो सकता है और बचत होगी।

93
00:09:24,820 --> 00:09:33,990
और फिर बेशक आप इस के लिए आकलन करने के लिए शुरू करने के लिए या उसे कारण है हमें gutsiest को टैग की तरह उनके साथ फाइल आयु वर्ग के हैं और हम बचा सकते हैं लिंक करने की जरूरत है।

94
00:09:34,000 --> 00:09:35,440
अब हम इसे बाहर का परीक्षण करते हैं।

95
00:09:35,660 --> 00:09:36,830
आप पृष्ठ ताज़ा करें।

96
00:09:36,850 --> 00:09:37,470
मैं उड़ना।

97
00:09:37,500 --> 00:09:41,520
तो मिल बदलते रंग काले और हरे रंग दो घटनाओं रहे हैं।

98
00:09:41,520 --> 00:09:45,360
और अब मैं क्लिक कर सकते हैं और हम एक स्ट्राइकथ्रू प्रभाव मिलता है।

99
00:09:45,540 --> 00:09:47,900
और के रूप में अच्छी तरह के माध्यम से इस लाइन।

100
00:09:48,120 --> 00:09:56,590
कुछ छोटे परिवर्तन मैं फिर भी बनाना होगा अगर हम अपने जावास्क्रिप्ट फ़ाइल पहले एक मैन्युअल यहाँ रंग बदलने के बजाय है के लिए वापस जा रहे हैं।

101
00:09:56,640 --> 00:09:58,350
इसे बदलने हरे और काले होने के लिए।

102
00:09:58,600 --> 00:10:00,800
मुझे लगता है कि यह अभी भी हमारे अपने वर्ग के साथ यह करने के लिए बेहतर है।

103
00:10:00,850 --> 00:10:12,060
तो मैं एक नया वर्ग बनाने के लिए जा रहा हूँ और मैं चयनित इस एक फोन करने के लिए जा रहा हूँ और फिर मैं कहना है कि जब यह पाठ या रंग का चयन किया गया है कि बस की तरह हरा होना चाहिए जा रहा हूँ।

104
00:10:12,310 --> 00:10:13,880
और फिर हम जावास्क्रिप्ट के साथ जाना होगा।

105
00:10:13,990 --> 00:10:21,250
और कहते हैं कि इस वर्ग की सूची में चयनित जोड़ते हैं हम सब हम क्या करना चाहते हैं पर माउस है।

106
00:10:23,160 --> 00:10:38,170
और यह वापस चिंताओं विचार की कि जुदाई जहां हम अपने जावास्क्रिप्ट का छेड़खानी व्यक्तिगत शैली बल्कि हम वास्तव में स्टाइल के आरोप में किया जाएगा हमारे सी एस एस और एसएएस के कुछ हिस्सों पर बारी करने के लिए JavaScript उपयोग कर सकते हैं नहीं करना चाहती के लिए आता है।

107
00:10:38,460 --> 00:10:55,040
तो यह है कि यह वर्ग में चयनित दे देंगे जब हम पर जाएँ और जब हम छोड़ दें या जब हम बाहर गंदगी हम क्या करेंगे यह गूंगा वर्ग सूची हटाने का चयन किया है और हम ताज़ा बचाने के लिए यदि आप यह बहुत अच्छा लग रहा है देख सकते हैं।

108
00:10:55,530 --> 00:10:59,460
हम हम अपने स्ट्राइकथ्रू मिल पर क्लिक करें।

109
00:11:00,080 --> 00:11:00,590
ठीक है।

110
00:11:00,610 --> 00:11:02,260
वहाँ एक छोटी सूची करने के लिए है।

111
00:11:02,740 --> 00:11:05,000
तो यह इसे करने का एक थोड़ा अच्छे तरीका है।

112
00:11:05,050 --> 00:11:06,390
कार्यात्मक यह एक ही लग रहा है।

113
00:11:06,420 --> 00:11:11,720
बल्कि यह एक समय में एक से जोड़ने और tweaking शैलियों से वर्गों का उपयोग करने के लिए सिर्फ एक बेहतर अभ्यास है।

114
00:11:11,740 --> 00:11:16,270
यहाँ तो योग करने के लिए हम दो नई घटनाओं mouseover और माउस के बाहर देखा।