वेबसाइट में इंटरैक्टिव सुविधाओं को जोड़ना ही वह जगह है जहां जावास्क्रिप्ट चमकता है। जबकि HTML और CSS का उपयोग क्रमशः वेब पेज की संरचना और शैलियों को परिभाषित करने के लिए किया जाता है, आप अपनी साइट को अधिक गतिशील बनाने के लिए जावास्क्रिप्ट का उपयोग कर सकते हैं। . इस गाइड में, हम JavaScript ईवेंट के बारे में बात करेंगे। हम यह पता लगाएंगे कि ईवेंट का उपयोग कहाँ किया जा सकता है, किसी ईवेंट को कैसे परिभाषित किया जाए, और ईवेंट को कैसे कॉल किया जाए। ये रहा !
JavaScript ईवेंट क्या है?
इवेंट ब्राउज़र या उपयोगकर्ता द्वारा ट्रिगर किए जा सकते हैं और वेब पेज की स्थिति को बदल सकते हैं। जब आप किसी वेब पेज पर एक बटन पर क्लिक करते हैं, तो एक जावास्क्रिप्ट घटना बन जाती है। जब आप एक विस्तृत ड्रॉप-डाउन मेनू पर क्लिक करते हैं, तो एक जावास्क्रिप्ट ईवेंट का उपयोग किया जाता है। >यह जांचना कि क्या कोई फ़ॉर्म पूरा हो गया है
जावास्क्रिप्ट में ईवेंट के साथ काम करने के लिए, आपको दो अवधारणाओं को जानना होगा: ईवेंट हैंडलर और ईवेंट श्रोता।
एक ईवेंट हैंडलर एक फ़ंक्शन है जिसे वेब पेज पर किसी ईवेंट के ट्रिगर होने पर निष्पादित किया जाता है। ईवेंट श्रोता किसी ईवेंट फ़ंक्शन को HTML तत्व से जोड़ते हैं, इसलिए जब उस फ़ंक्शन को निष्पादित किया जाता है, तो वेब तत्व बदल जाता है।
इवेंट हैंडलर को तीन तरीकों से परिभाषित किया जा सकता है: इनलाइन ईवेंट हैंडलर का उपयोग करके ईवेंट, या ईवेंट श्रोता।
ऑनलाइन ईवेंट हैंडलर
जावास्क्रिप्ट में ईवेंट के साथ आरंभ करने का सबसे आसान तरीका ऑनलाइन ईवेंट हैंडलर का उपयोग करना है। इसका मतलब है कि आप अपने ईवेंट को अपनी HTML फ़ाइल में परिभाषित करेंगे।