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