Up next in 10
Introduction to Browser Events _ JavaScript Tutorial in Hindi #47
79 views
Feb 9, 2024
"Introduction to Browser Events" is the 47th tutorial in a series of JavaScript tutorials delivered in Hindi. In this video, viewers will be introduced to browser events and how they can be utilized in JavaScript to create interactive and dynamic web applications. The tutorial is likely to cover fundamental concepts such as event listeners, event handling, and the different types of browser events such as click, hover, keypress, and more. Through practical examples and explanations in Hindi, viewers will learn how to respond to user interactions with their web pages effectively. This tutorial is aimed at Hindi-speaking audiences interested in expanding their knowledge of JavaScript and enhancing their skills in web development by incorporating browser events into their projects.
View Video Transcript
0:00
गैस आज के इस वीडियो में समझेंगे कि ब्राउजर इवेंट्स किस तरह से काम करते हैं हम लोग देखेंगे क��
0:04
ब्राउजर इवेंट्स को हैंडल करने के कौन-कौन से तरीके हैं कौन से तरीका यूज करना है चलते हैं अंप्यूट��
0:09
लेट्स केट स्टार्टेड चला बाइस तो गैस मेरे रैपल बना लिए अपनी और रैपल के अंदर मैंने इव favorable
0:22
आप लोगों को बताने का तामजाम कर लिया ठीक है अब यह बजाएगा ना भी और यहां पर मैं आप लोगों को बतान��
0:33
देख जाऊंगा कि कोई भी काम जब ब्राउजर में किया जाता है इसे मानलो आपने qualification किया फिर आप कही��
0:39
पर मॉस लेकर गए एक इवेंट जनरेट होता है और अगर मैं आप लोगों को इवेंट की परिभाषा की बात करूंगा तो ए��
0:45
सिगनल होता है कि समथिंग है थी के मालों किसी की शादी हो गई आपके पड़ोस में ठीक है तो वह इवेंट ह��
0:51
ठीक है मालों किसी का बर्डे है तो वह इवेंट है ठीक है मालों कोई गिर गया ठीक है गिर जाते हैं लोग या��
0:58
जाते जाते तो वह इवेंट है ठीक है मालो किसी ने खाना खा लिया और वह एक विंट है ठीक है समझ रहे हैं आ��
1:07
लोग तो कुछ भी होता है उसे इवेंट कहते हैं तो बर्डे होना शादी होना किसी का घर जाना किसी का किसी के द्वार��
1:13
तो यह सब इवेंट होते हैं ठीक है अब कुछ डॉम इवेंट्स की बात कर लेते हैं यह इवेंट्स के बारे में तो आ��
1:20
सुनते रहते हैं यहां पर अपने आए होगी इवेंट्स के बारे में सुनने आप आयो डॉम इवेंट्स के बारे में सुनन��
1:24
इसकी माउस इवेंट्स कीबोर्ड इवेंट्स और फॉर्म एलिमेंट इवेंट्स और डॉक्यूमेंट इवेंट्स अब यह क्या चल गय��
1:31
है मतलब क्या इवेंट बताओ आपको यह नहीं सही चल ली थी जावास्क्रिप्ट यह इवेंट कासे आ गया नहीं नही��
1:36
यहां कुछ तो कर रहे हैं जरूर कोई ना कोई तो यहां आप किसी भी जगह पर अगर क्लिक करते हो तो एक क्लिक इवें��
1:43
जनरेट होता है ठीक है और आप चाहोगे उस इवेंट को हैंडल कर सिंबल सीबा तो मैं यहां पर जल्दी से इवेंट्स लिखूंग��
1:51
और यहां पर मैं चीज और करता हूं मैं यहां पर लिखूंगा डेव क्लास इस एकवल टो कंटेनर और इसके बाद मै��
2:07
slept alert hello double quote already single quote
2:33
इसका टाइटल चेंज हो जाएगा इवेंट और जैसे मैं इस पर क्लिक करूंगा देखो हेलो यहां पर आ गया इसक��
2:37
मतलब समझे देखा मतलब यह हुआ कि आप लोग अगर क्लिक करोगे इस बटन पर तो यह वाली जवास्क्रिप्ट जो ह��
2:44
चल जाएगी ठीक है कि आप इसमें बड़ा जावास्किप्ट को लिख सकता हूं क्या मैं कुछ ऐसा कर सकता हूं ले��
2:49
ए इस इकवल टो सेग्स और कंसोल डॉट लॉग मान लो मैं ए लिख दूं कुछ इस तरह से तो क्या मैं यह कर सकता हू��
2:57
तो अगर मैं यह करता हूँ मान लो एलर्ट हेलो किया मैंने और फिर लेट इग्ल टो सिक्स किया कंसोल लॉग लोग क्या यह चलेगा ठीक है इस द क्वेश्चन लेट्स फाइन डिएंसर टो इस क्वेश्चन अरे नहीं यार मुझे कंसोल खूदना और यह चलेगा ठीक है मैं ��
3:27
पर टोड़ा मेंटेनेबल नहीं है और अच्छा नहीं लगेगा इतनी बड़ी जावास्क्रिप्ट अगर आप लोग ऑन क्लिक क��
3:31
अंतर लिख दोगे तो तो इसीलिए सॉल्यूशन क्या है इसका सॉल्यूशन यहां पर यह निकलकर आता है कि हम क्या करेंग��
3:38
कि instead of doing this हम लोग एक और तरीका देखेंगे event को handle करने क��
3:43
तो जल्दी से notes पर आ जाते हैं और consolidate कर लेते हैं सारी knowledge an event is a signal that something has happened
3:49
all the DOM notes generate such signals अब क्या होता है कि अगर आप किसी box में mouse ले कर ग��
3:55
तो आपका एक event है वो अगर आपने mouse वहाँ से हटा लिया तो वो एक event ह��
4:00
अगर आपने क्लिक कर दिया तो वह एक इवेंट अगर आपने माउस के क्लिक के बटन को छोड़ दिया तो वह एक इवेंट है ठीक ह��
4:05
आपने माउस को मूव किया वह एक इवेंट है कॉन्टेक्स्ट मेन्यू मतलब राइट क्लिक अगर आपने किया तो वह एक इवेंट ह��
4:11
mouse enter or on mouse
4:49
लगाना था container के अंदर mouse गया ठीक है कुछ इस तरह से मैंने save किया मैं इसको reload करूँग��
4:58
और जैसे ही मैं आप और अपना mouse लेकर जाऊंगा आप देखो container के अंदर mouse गया ठीक है फिर मान ल��
5:04
अभी देखो container में mouse गया तो वैसे ही alert आ जाएगा container के अंदर mouse गया ठीक है माормल��
5:19
इसको टू मानो मैं लिखता हूं कंसोल डॉट लॉग और मानो मैं यहां पर लिखता हूं और कंटेनर में क्लिक हुआ ठीक ह��
5:34
मानो मैं यह लिखता हूं मैं इसको रिलोड कर लेता हूं यार और अरे भाई रिलोड हो जा वह हो गया तो अभी मैं इ��
5:42
लेकर गया तो आप देखो नीचे console में लिख कर आ रहा है container के अंदर mouse गया है मैंने click कर दिया container पर तो यह देखो container में click हुआ लिख कर आ रहा है नीचे तो इस तरह से हम लोग events को handle कर सकते हैं या simple है बहुत simple है ठीक है देखो मैंने यहाँ पर लिखा हुआ भी है events can be handled through HTML attributes input value is equal to
6:12
script जो भी लिखी हुई double quote के अंदर अब double quote के अंदर double quote बट डाल देना वो दिक्कत होती है अब अगर मालो एक function चलाना चाते हो पूरा java script का यह बहुत सारे functions चलाना चाते हो एक script चलाना चाते हो मालो 15-20 lines की वो कैसे करेंगे यह मैं आप लोग को बताऊंगा आने वाले videos में ��
6:42
कि आप dot on click लिखकर आराम से event को handle कर सकते हो
6:47
यानि कि आप instead of इतने बड़े यहाँ पर attributes डालो, container document
7:05
क्लास नीम ठीक है कंटीनर कंटीनर कंटीनर भाईसा ठीक है डॉट इन एसटीमल नहीं आप अगर मान लो लिखते हो लेट उप��
7:19
और उन दबाया लेट इज इकवल टू यह और उसके बाद मान लो आप लिखते हो और यार यह डबल कोट कांसा आ जाता है बार-बा��
7:27
अब आप लिखते हो मान लो एड ऑन क्लिक इज इकवल टू और एक पूरा फंक्शन आप लोग मान लो इस तरह से लिख देत��
7:35
आप लोग कहते हो कि मान लो यहीं एक्सेप्ट कर लेता हूं यार मैं जो यह कह रहा है ठीक है मान लो इस पर अग��
7:41
क्लिक करो तो इसके अंदर की जो जो रिलोड कर लेते हैं पहले मान लो इसके अंदर केनोट सेट प्रॉपर्टीज ऑ��
7:46
लेफाइन ऑन क्लिक अच्छी नोट बाय नेम और यहां पर भी मुझे करना पड़ेगी चीज अब मैं रिलोड करूंगा त��
8:00
मैं इस पर क्लिक करूंगा अगर इस पर मैं क्लिक करूंगा तो उसके अंदर की एसटीमल हेलो वर्ड हो गई जो क��
8:04
इंदर लिखा हुआ है ठीक है एक चीज नोट करिए आपने नहीं शायद मैंने यहां से यह हटा दिया था नहीं मैंन��
8:10
नहीं हटाया था तो ऑन क्लिक अगर मैंने यहां भी लिखा हुआ है और यहां भी लिखा हुआ है तो जावास्क्रिप्ट वाल��
8:15
जो है वो माना जाएगा तो ये वाला on click माना जाएगा जो की JavaScript के अंदर लिखा हुआ है अब हम क्या करेंगे की आन��
8:21
वाले वीडियोस में समझेंगे की किस तरह से और तरीके से handle किया जा सकता है add event listener और remove event listener क्या होते ह��
8:27
इन सबको समझेंगे पर यहाँ पर देखो मैंने note भी लिखा हुआ है कि adding a handler with javascript overwrites the existing handler
8:33
ठीक है आप रख सकते हो यह वाले attribute handlers भी लेकिन अगर आप लोग इस तरह के attributes लोगे तो इस चीज़ क��
8:40
overwrite करते हैं जाएगा यह जो attributes हैं basically लिए ओवर राइट हो रहें जावास्क्रिप्ट से समझ रहे हो आप लोग कैसे काम कर रही है चीज तो आने वाले वीडियो��
8:47
में और चीजें देखेंगे जावास्क्रिप्ट की प्लेडिस्ट को एक्सेस करें और अगर आपने नोट को एक्सेस नहीं कर��
8:52
तो आप पता नहीं क्या कर रहे हैं करें एकसस जल्दी से जल्दी अभी के लिए इस वीडियो में इतना है गाइ��
8:56
थैंक यू सो मच गाइस वाचिंग इस वीडियो और आपको निक्स टाइम देखे��
#Browser Games
#Flash-Based Entertainment
#Fun & Trivia