JavaScript में इवेंट हैंडलर्स क्या हैं?

इवेंट हैंडलर्स को समझना

JavaScript का HTML के साथ इंटरैक्शन उन इवेंट्स के माध्यम से होता है जो तब होते हैं जब यूज़र या ब्राउज़र पेज को मैनिपुलेट करता है।

इवेंट क्या है?

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

सामान्य इवेंट टाइप्स

onclick इवेंट

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

उदाहरण

<html>
  <head>
    <script>
      function sayHello() {
        alert("Hello World");
      }
    </script>
  </head>
  <body>
    <p>निम्नलिखित बटन पर क्लिक करें और परिणाम देखें</p>
    <form>
      <input type="button" onclick="sayHello()" value="Say Hello" />
    </form>
  </body>
</html>

onmouseover और onmouseout इवेंट्स

ये दो इवेंट टाइप्स आपको इमेजेज या टेक्स्ट के साथ अच्छे इफेक्ट्स बनाने में मदद करते हैं। जब आप किसी एलिमेंट पर माउस लाते हैं तो onmouseover इवेंट ट्रिगर होता है और जब आप उस एलिमेंट से माउस हटाते हैं तो onmouseout ट्रिगर होता है।

उदाहरण

<html>
  <head>
    <script>
      function over() {
        document.write("Mouse Over");
      }
      function out() {
        document.write("Mouse Out");
      }
    </script>
  </head>
  <body>
    <p>परिणाम देखने के लिए डिवीजन के अंदर माउस लाएं:</p>
    <div onmouseover="over()" onmouseout="out()">
      <h2> यह डिवीजन के अंदर है </h2>
    </div>
  </body>
</html>