onchange इवेंट

DOM घटना Event वस्तु

डिफ़ाइनिशन और उपयोग

जब एलिमेंट का मूल्य बदलता है, onchange इवेंट होता है।

सिंगल ऑप्शन और चेकबॉक्स, जब उनकी चयनित स्थिति बदल जाती है, onchange इवेंट होता है।

सूचना:यह इवेंट इसी के समान है oninput घटना। अलग बात यह है कि oninput इवेंट एलीमेंट के मूल्य को बदलने के बाद तुरंत होता है, जबकि onchange इवेंट एलीमेंट अपना फोकस खोता है और सामग्री बदलती है तो होता है। एक और अंतर यह है कि onchange इवेंट <select> एलीमेंट के लिए भी लागू होता है।

उदाहरण

उदाहरण 1

जब उपयोगकर्ता <select> एलीमेंट के चयन को बदलता है तो जेसक्रिप्ट चलाएं:

<select onchange="myFunction()">

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

उदाहरण 2

जब उपयोगकर्ता इनपुट फील्ड की सामग्री को संशोधित करता है तो जेसक्रिप्ट चलाएं:

<input type="text" onchange="myFunction()">

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

व्याकरण

HTML में:

<एलीमेंट onchange="myScript">

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

जेसक्रिप्ट में:

ऑब्जेक्ट.onchange = function(){myScript};

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

जेसक्रिप्ट में, addEventListener() विधि का उपयोग करते हैं:

ऑब्जेक्ट.addEventListener("change", myScript);

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

टिप्पणी:इंटरनेट एक्सप्लोरर 8 या अधिक पुरानी संस्करण इसे नहीं समर्थित करते addEventListener() विधि।

तकनीकी विवरण

बुबलिंग: समर्थन
जोड़ने के लिए: असमर्थित
इवेंट तरीका: इवेंट
समर्थित HTML टैग: <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week">, <select> और <textarea>
DOM संस्करण: स्तर 2 घटनाएँ

ब्राउज़र समर्थन

घटना Chrome IE Firefox Safari Opera
onchange समर्थन समर्थन समर्थन समर्थन समर्थन
DOM घटना Event वस्तु