जावास्क्रिप्ट इवेंट्स (JavaScript Event)

जावास्क्रिप्ट इवेंट्स (JavaScript Event)

JavaScript इवेंट की मदद से आप अपने वेबपेज को इस तरह से डिजाइन कर सकते हैं कि आपका वेबपेज यूजर की गतिविधि पर प्रतिक्रिया दे सके और उसके अनुसार जरूरी बदलाव कर सके। ईवेंट का उपयोग करना आपके वेबपेज को गतिशील और इंटरैक्टिव बनाता है।

इवेंट्स यूजर के एक्शन पर क्रियान्वित होते है (Execute Script on User Action)

अधिकांश घटनाएं उपयोगकर्ता द्वारा उत्पन्न होती हैं। आम तौर पर, हमारे द्वारा बनाए गए वेबपेज एक बार में पूरी तरह से लोड हो जाते हैं। मतलब वेबपेज का कोई भी हिस्सा अभी लोड नहीं हुआ है। लेकिन हो सकता है कि आप यूजर के हिसाब से कुछ जानकारी लोड करना चाहें। जैसे ही उपयोगकर्ता किसी लिंक पर क्लिक करता है या मेनू से किसी आइटम का चयन करता है, पृष्ठ तदनुसार बदल जाता है। आप इसे जावास्क्रिप्ट इवेंट्स की मदद से कर सकते हैं।

आप HTML में प्रत्येक ईवेंट को एक विशेषता के रूप में उपयोग कर सकते हैं और उस टैग से संबंधित सभी ईवेंट को हैंडल कर सकते हैं। उदाहरण के लिए, बटन से संबंधित ऑनक्लिक () ईवेंट का उपयोग किया जा सकता है। जैसे ही उपयोगकर्ता बटन पर क्लिक करता है, वे कार्रवाई कर सकते हैं।

उदाहरण के लिए, यदि आप किसी वेबपेज में अलर्ट बॉक्स जोड़ते हैं, तो वेबपेज लोड होते ही यह प्रदर्शित हो जाता है। लेकिन आप चाहते हैं कि अलर्ट बॉक्स प्रदर्शित हो जब उपयोगकर्ता किसी बटन या लिंक पर क्लिक करता है, तो आप इसके लिए जावास्क्रिप्ट ईवेंट का उपयोग करेंगे।

जावास्क्रिप्ट घटना श्रेणियाँ - JavaScript Event Categories

जावास्क्रिप्ट घटनाओं को विभिन्न श्रेणियों में विभाजित किया गया है। चूंकि माउस से संबंधित घटनाएं माउस इवेंट की श्रेणी में आती हैं और फॉर्म से संबंधित घटनाएं फॉर्म इवेंट की श्रेणी में आती हैं। JavaScript ईवेंट की आमतौर पर पाँच श्रेणियां होती हैं।

Mouse Events

onclick, onmouseover, onmouseout, ondblclick. onmousedown,

Form Events

onblur, onchange, onfocus, onselect, onsubmit, onreset

Keyboard Events

onkeypress, onkeydown, onkeyup

Frame Events

onload, onunload, onresize, onscroll, onunload, onerror

Media Events

onplay, onpause, onerror, onprogress, onplaying

Common JavaScript Events

Javascript के कुछ Common Events जिनका प्रयोग बहुत ज्यादा होता है।

onclick= “ ”

यह एक माउस घटना है। आप इसे क्लिक करने योग्य घटकों (लिंक, बटन) के साथ उपयोग कर सकते हैं। जैसे ही घटक क्लिक किया जाता है, परिभाषित जावास्क्रिप्ट फ़ंक्शन को कॉल किया जाता है।

onfocus=” ”

यह एक फॉर्म इवेंट है। इससे फॉर्म पर फोकस होते ही स्क्रिप्ट एक्जीक्यूट हो जाती है।

Onblur=” ”

यह भी एक फॉर्म इवेंट है जो फॉर्म से फोकस हटाते ही स्क्रिप्ट को निष्पादित करता है।

onchange=” ”

जैसे ही कंपोनेंट में कोई बदलाव होता है, यह इवेंट स्क्रिप्ट को एक्जीक्यूट करता है। मानो सूची में से कोई अन्य वस्तु चुनी गई हो।

onSelect=” “

जब उपयोगकर्ता टेक्स्ट का चयन करता है, तो यह ईवेंट परिभाषित फ़ंक्शन को कॉल करता है।

onmouseover=” ”

जब माउस को घटक पर ले जाया जाता है, तो स्क्रिप्ट निष्पादित होती है।

onmouseout=” ”

जैसे ही माउस को घटक से हटा दिया जाता है, यह ईवेंट स्क्रिप्ट निष्पादित करता है।

onload=” ”

पेज की लोडिंग पूरी होते ही स्क्रिप्ट एक्जीक्यूट हो जाती है।

onunload=” ”

जैसे ही ब्राउज़र में एक नई विंडो खुलती है, यह इवेंट स्क्रिप्ट को निष्पादित करता है।

onsubmit=” ”

जैसे ही फॉर्म सबमिट किया जाता है, यह Javascript Event Defined Function को कॉल करता है।

Final Words

तो दोस्तों आपको हमारी पोस्ट कैसी लगी! शेयरिंग बटन पोस्ट के नीचे इसे अपने दोस्तों के साथ शेयर करना न भूलें। इसके अलावा अगर बीच में कोई परेशानी हो तो कमेंट बॉक्स में पूछने में संकोच न करें। आपकी सहायता कर हमें खुशी होगी। हम इससे जुड़े और भी पोस्ट लिखते रहेंगे। तो अपने मोबाइल या कंप्यूटर पर हमारे ब्लॉग "various info: Education and Tech" को बुकमार्क (Ctrl + D) करना न भूलें और अपने ईमेल में सभी पोस्ट प्राप्त करने के लिए हमें अभी सब्सक्राइब करें। 

अगर आपको यह पोस्ट अच्छी लगी हो तो इसे अपने दोस्तों के साथ शेयर करना ना भूलें। आप इसे व्हाट्सएप, फेसबुक या ट्विटर जैसी सोशल नेटवर्किंग साइटों पर साझा करके अधिक लोगों तक पहुंचने में हमारी सहायता कर सकते हैं। शुक्रिया!