विनिमय घटना
उदाहरण
एक जावास्क्रिप्ट निष्पादित करें जब कोई उपयोगकर्ता <select> तत्व के चयनित विकल्प को बदलता है:
<select onchange="myFunction()">
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
विनिमय घटना तब होती है जब किसी तत्व का मान बदल दिया गया हो।
रेडियोबूटन और चेकबॉक्स के लिए, जब चेक की गई स्थिति बदल दी जाती है, तो विनिमय घटना होती है।
युक्ति: यह ईवेंट ऑनइनपुट ईवेंट के समान है. अंतर यह है कि किसी तत्व के मूल्य में बदलाव के तुरंत बाद oninput घटना होती है, जबकि सामग्री बदलने के बाद, जब तत्व फोकस खो देता है, तो परिवर्तन होता है। दूसरा अंतर यह है कि विनिमय घटना <select> तत्वों पर भी काम करती है।
ब्राउज़र समर्थन
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
एचटीएमएल में:
<element onchange="myScript">
जावास्क्रिप्ट में:
object.onchange = function(){myScript};
जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करना:
object.addEventListener("change", myScript);
नोट: AddEventListener () विधि Internet Explorer 8 और पुराने संस्करणों में समर्थित नहीं है।
टेक्निकल डिटेल
बुलबुले: | हां |
---|---|
रद्द करने योग्य: | नहीं |
घटना प्रकार: | आयोजन |
समर्थित HTML टैग: | <इनपुट प्रकार = "चेकबॉक्स">, <इनपुट प्रकार = "रंग">, <इनपुट प्रकार = "दिनांक">, <इनपुट प्रकार = "डेटाटाइम">, <इनपुट प्रकार = "ईमेल">, <इनपुट प्रकार = " फ़ाइल">, <इनपुट प्रकार = "माह">, <इनपुट प्रकार = "नंबर">, <इनपुट प्रकार = "पासवर्ड">, <इनपुट प्रकार = "रेडियो">, <इनपुट प्रकार = "रेंज">, < इनपुट प्रकार = "खोज">, <इनपुट प्रकार = "दूरभाष">, <इनपुट प्रकार = "पाठ">, <इनपुट प्रकार = "समय">, <इनपुट प्रकार = "यूआरएल">, <इनपुट प्रकार = "सप्ताह ">, <चयन> और <textarea> |
डोम संस्करण: | स्तर 2 कार्यक्रम |
और ज्यादा उदाहरण
उदाहरण
जब कोई उपयोगकर्ता किसी इनपुट फ़ील्ड की सामग्री को बदलता है, तो JavaScript निष्पादित करें:
<input type="text"
onchange="myFunction()">