जावास्क्रिप्ट में ईवेंट क्या हैं और उन्हें कैसे संभाला जाता है?

जावास्क्रिप्ट में घटनाएँ एक वेबपृष्ठ को एक गतिशील इंटरफ़ेस प्रदान करती हैं। ये ईवेंट्स डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) में तत्वों से जुड़े हैं।

घटनाएँ क्रिया या घटनाएँ होती हैं जो सिस्टम में घटित होती हैं। प्रोग्रामिंग की दुनिया में, ईवेंट HTML तत्वों के लिए कुछ होता है। लेकिन जब HTML पृष्ठों में उपयोग किया जाता है, यह इन घटनाओं पर प्रतिक्रिया कर सकता है। इस लेख में, हम देखेंगे कि जावास्क्रिप्ट में विभिन्न प्रकार की घटनाएँ क्या हैं और वे कैसे काम करती हैं, निम्नलिखित क्रम में:

जावास्क्रिप्ट में घटनाएँ क्या हैं?

जावास्क्रिप्ट में ऐसी घटनाएँ होती हैं जो एक वेबपृष्ठ को एक गतिशील इंटरफ़ेस प्रदान करती हैं। इन घटनाओं में तत्वों से जुड़े हैं दस्तावेज़ ऑब्जेक्ट मॉडल (जुडिग)।





इसके अलावा, इन घटनाओं को डिफ़ॉल्ट रूप से बुदबुदाने के प्रचार का उपयोग किया जाता है, अर्थात्, बच्चों से माता-पिता तक डोम में ऊपर की ओर। हम घटनाओं को इनलाइन या बाहरी स्क्रिप्ट के रूप में बाँध सकते हैं। जावास्क्रिप्ट की सहायता से, आप पता लगा सकते हैं कि कब कुछ घटनाएँ घटती हैं, और उन घटनाओं के जवाब में चीजें घटित होती हैं।

जावास्क्रिप्ट में घटनाओं के प्रकार

इसमें विभिन्न प्रकार के आयोजन होते हैं घटनाओं पर प्रतिक्रिया करने के लिए इसका उपयोग किया जाता है। यहां, हम कुछ प्रसिद्ध या सबसे अधिक उपयोग की जाने वाली घटनाओं के बारे में चर्चा करेंगे:



  • क्लिक पर
  • ऑनकीप
  • मूषक के ऊपर से
  • गोली भरना
  • पर ध्यान केंद्रित

तो चलिए उदाहरण के साथ जावास्क्रिप्ट में इन घटनाओं को देखते हैं और चलते हैं।

घटना पर क्लिक करें

Onclick ईवेंट एक माउस ईवेंट है और यदि उपयोगकर्ता उस तत्व पर क्लिक करता है जो उसके लिए बाध्य है, तो उसे परिभाषित किया गया कोई भी तर्क उत्तेजित करता है। आइए एक उदाहरण लें और देखें कि यह कैसे काम करता है:

फ़ंक्शन edu () {चेतावनी ('आपका स्वागत है एडुरका!')} बटन पर क्लिक करें

आउटपुट:



आउटपुट 1 - जावास्क्रिप्ट में घटनाओं - edureka

बटन पर क्लिक करने के बाद, आपको निम्न चेतावनी संदेश मिलता है:

जावा में एक संख्या उलट

Onekeyup घटना

यह ईवेंट एक कीबोर्ड ईवेंट है और इसका उपयोग निर्देशों को निष्पादित करने के लिए किया जाता है जब भी एक कुंजी दबाने के बाद जारी की जाती है। निम्नलिखित उदाहरण घटना के काम को दर्शाता है:

var a = 0 var b = 0 var c = 0 function changeBackground () {var x = document.getElementById ('bg') bg.style.backgroundColor = 'rgb (' + a + ',' + b + ',' + c + + ')' a + = 1 b + = a + 1 c + = b + 1 अगर (a> 255) a = b a (b> 255) b = a if (c> 255) c = b}

आउटपुट:

कुछ लिखने के बाद, ऐसा दिखता है:

ऑनमूवर इवेंट

जावास्क्रिप्ट में onmouseover घटना तत्व और उसके बच्चों पर माउस पॉइंटर को हॉवर करने से मेल खाती है, जिसके लिए वह बाध्य है। उदाहरण नीचे दिखाया गया है:

function hov () {var e = document.getElementById ('hover') e.style.display = 'कोई नहीं'}

आउटपुट:

माउस को हॉवर करने से पहले रंगीन बॉक्स दिखाई देता है। जैसे ही आप बॉक्स पर माउस घुमाते हैं, वह गायब हो जाता है।

घटना का भार

जब किसी तत्व को पूरी तरह से लोड किया जाता है, तो ऑनलोड घटना को रोक दिया जाता है। आइए एक उदाहरण लें और देखें कि यह कैसे काम करता है:

  edu- लोगो 

आउटपुट:

ऑनफोकस इवेंट

Onfocus घटना में एक तत्व लिस्टिंग है जो निर्देशों को निष्पादित करती है जब भी यह फोकस प्राप्त करता है। निम्न उदाहरण दिखाता है कि ऑनफोकस घटना कैसे काम करती है:

फ़ंक्शन केंद्रित () {var e = document.getElementById ('इनपुट') यदि (पुष्टि ('फ़ोकस इवेंट')) {e.blur ()}}

इनपुट बॉक्स में ध्यान दें:

आउटपुट:

ये जावास्क्रिप्ट में सबसे अधिक बार उपयोग की जाने वाली घटनाएँ हैं। इसके साथ, हम अपने लेख के अंत में आ गए हैं। मुझे आशा है कि आप समझ गए होंगे कि क्या घटनाएं हैं और उनका उपयोग कैसे किया जाता है।

हमारी जाँच करें जो प्रशिक्षक के नेतृत्व वाले लाइव प्रशिक्षण और वास्तविक जीवन की परियोजना के अनुभव के साथ आता है। यह प्रशिक्षण आपको बैक-एंड और फ्रंट-एंड वेब तकनीकों के साथ काम करने के लिए कौशल में कुशल बनाता है। इसमें वेब डेवलपमेंट, jQuery, Angular, NodeJS, ExpressJS और MongoDB पर प्रशिक्षण शामिल है।

क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया इस ब्लॉग के टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।