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

एचटीएमएल इवेंट एचटीएमएल एलीमेंट पर 'कुछ' होता है。

जब एचटीएमएल पृष्ठ में जेसक्रिप्ट का उपयोग किया जाता है, तो जेसक्रिप्ट इन इवेंटों का 'जवाब दे' सकता है。

एचटीएमएल इवेंट

एचटीएमएल इवेंट ब्राउज़र या उपयोगकर्ता द्वारा किए जाने वाले कुछ कार्य हैं。

एचटीएमएल इवेंट के कुछ उदाहरण हैं:

  • एचटीएमएल पृष्ठ लोड हो रहा है
  • एचटीएमएल इनपुट फील्ड को संशोधित किया गया
  • एचटीएमएल बटन को क्लिक किया गया

सामान्यतया जब इवेंट होता है, उपयोगकर्ता कुछ करना चाहता है。

जेसक्रिप्ट आपको इवेंट का पता लगने पर कोड का कार्य करने की अनुमति देता है。

जेसक्रिप्ट कोड के द्वारा،एचटीएमएल आपको एचटीएमएल एलीमेंट को इवेंट हैंडलर जोड़ने की अनुमति देता है。

एक टिकट के द्वारा उपयोग करें:

<element event='कुछ जेसक्रिप्ट>

दो टिकटों के द्वारा उपयोग करें:

<element event="कुछ जेसक्रिप्ट">

नीचे के उदाहरण में，onclick अटिविटी (और कोड) जोड़े गए <button> एलीमेंट:

उदाहरण

<button onclick='document.getElementById("demo").innerHTML=Date()'>अभी का समय क्या है?</button>

अपने आप प्रयोग करें

ऊपरी उदाहरण में，जेसक्रिप्ट कोड id="demo" के एलीमेंट की सामग्री को बदला:

आगामी उदाहरण में，कोड（उपयोग this.innerHTML）अपने स्वयं के एलीमेंट की सामग्री को बदला:

उदाहरण

<button onclick="this.innerHTML=Date()">अभी का समय क्या है?</button>

अपने आप प्रयोग करें

जेसक्रिप्ट कोड अक्सर कई पंक्तियों में होता है। इवेंट अटिविटी कॉल करना अधिक सामान्य है:

उदाहरण

<button onclick="displayDate()">अभी का समय क्या है?</button>

अपने आप प्रयोग करें

सामान्य एचटीएमएल इवेंट

नीचे कुछ सामान्य एचटीएमएल इवेंट हैं:

इवेंट वर्णन
onchange एचटीएमएल एलीमेंट परिवर्तित किया गया है
onclick उपयोगकर्ता एचटीएमएल एलिमेंट पर क्लिक करता है
onmouseover उपयोगकर्ता माउस को एचटीएमएल एलिमेंट पर ले जाता है
onmouseout उपयोगकर्ता माउस को एचटीएमएल एलिमेंट से बाहर खींचता है
onkeydown उपयोगकर्ता के बारे में कुंजीबोर्ड क्लिक करता है
onload ब्राउज़र पृष्ठ लोड करने के लिए पूर्ण हो गया है

पूर्ण सूची:CodeW3C.com जावास्क्रिप्ट संदर्भ दस्तावेज़ एचटीएमएल डॉम इवेंट.

जावास्क्रिप्ट क्या कर सकता है?

इवेंट हैंडलर को उपयोगकर्ता इनपुट, उपयोगकर्ता गतिविधि और ब्राउज़र गतिविधि को हैंडल करने के लिए उपयोग किया जा सकता है:

  • पृष्ठ लोड होने पर करना चाहिए
  • पृष्ठ बंद होने पर करना चाहिए
  • उपयोगकर्ता बटन पर क्लिक करते समय करनी चाहिए वाक्यांश
  • उपयोगकर्ता डाटा भरते समय जो सामग्री को प्रमाणित करना चाहिए
  • आगे भी

जावास्क्रिप्ट द्वारा इवेंट को एक्टिवेट करने के विभिन्न तरीके कई हैं:

  • एचटीएमएल इवेंट प्रतियोगिता जावास्क्रिप्ट कोड को चला सकती है
  • एचटीएमएल इवेंट प्रतियोगिता जावास्क्रिप्ट फ़ंक्शन को बुला सकती है
  • आप अपने इवेंट हैंडलर को एचटीएमएल एलिमेंट को आबंटित कर सकते हैं
  • आप इवेंट को भेजने या एक्टिवेट करने से रोक सकते हैं
  • आगे भी

आपको एचटीएमएल डॉम चैप्टर में इवेंट और इवेंट हैंडलर के बारे में अधिक जानकारी मिलेगी。