Posted in

Javascript events | events in javascript

 जावास्क्रिप्ट इवेंट्स : 

इवेंट्स  वह एक्शन होते हैं जो कि जावास्क्रिप्ट के द्वारा पहचान किए जाते हैं इवेंट्स के माध्यम से डायनामिक वेब पेज डिजाइन कर सकते हैं। समस्त वेब पेज के पास अनेक इवेंट   मौजूद रहते हैं जो जावास्क्रिप्ट को ट्रिगर कर सकते हैं जैसे कि हम onclick () इवेंट  के माध्यम से किसी बटन अवयव क्लिक करने पर फंक्शन को रन कराना चाह रहे हैं तो हम टैग्स के  अंदर इवेंट्स  को लिख  सकते हैं । इवेंट्स के उदाहरण निम्न है।
  •  माउस क्लिक इवेंट
  • इमेज लोडिंग इवेंट
  •  किसी वेब पेज के विशिष्ट स्थान पर माउस चलने संम्बधित इवेंट
  • html फॉर्म में कोई  इनपुट फील्ड को सेलेक्ट करना 
  • html फॉर्म को सबमिट करना 
  • कोई भी प्रेस करने पर इवेंट समानता इवेंट्स का प्रयोग फंक्शन के साथ ही होता है जब तक इवेंट शुरू नहीं होते हैं तब तक फंक्शन एक्सीक्यूट नहीं होते।  

 जावास्क्रिप्ट में  प्रयुक्त होने वाले इवेंट्स

  • onLoad and onUnload इवेंट onLoad तथा onUnload इवेंट तब ट्रिगर होते हैं जब कोई  यूज़र वेब पेज घुसता है अथवा वहां से बाहर जाता है । onLoad इवेंट का प्रयोग वेब पेज पर पहुंचने वाले ब्राउजर के वर्जन तथा टाइप के बारे में पता लगाने तथा ब्राउज़र के वर्जन के मुताबिक वेब पेज को लोड करने हेतु प्रयोग किया जाता है। onLoad तथा onLoad   इवेंट का प्रयोग कुकीज को सेट करने हेतु प्रयोग किया जाता है जैसे कि वेबपेज में प्रथम बार प्रवेश करते वक्त हमें  यूजर का नाम पूछ सकते हैं और बाहर निकलते पर हम goodby का मैसेज अथवा पुनः वेबसाइट में प्रवेश करने पर एक पापअप के माध्यम से वेलकम मैसेज जैसे के साथ ग्रीटिंग दे सकता है।

  • onFucus, onBlur तथा onChange इवेंट – onFocus, onBlur तथा onChange इवेंट का प्रयोग किसी वेब पेज में स्थिति फार्म के फील्ड के वैलिडेशन के लिए प्रयोग लाया जाता है।
  • onSubmit इवेंट्स – onSubmit इवेंट्स का प्रयोग वेब पेज फार्म को Submit करने से पहले फार्म के फील्ड्स को validate करने हेतु किया जाता है।

Example :-

<form method= “post” action =’ ‘xx.html’ ‘ onsubmit=’ ‘checkForm ()’ ‘>
  • onMouseOver and onMouse इवेंट:-

इनका प्रयोग प्राय एनिमेटेड बटन बनाने में होता है।

<a href=”https://www.google.co .in” onmouseover=”alert (‘An onmouseover event’); return false”><ing src=”monky.gif”alt=”google”/ ></a>

Leave a Reply

Your email address will not be published. Required fields are marked *