oninput ఇవెంట్

DOM ఇంజెక్షన్స్ InputEvent

నిర్వచనం మరియు ఉపయోగం

oninput ఇవెంట్ అంశం వినియోగదారుడు ఉపయోగించినప్పుడు జరుగుతుంది.

వినియోగదారుడు <input> లేదా <textarea> అంశాల విలువ మారినప్పుడు ఈ ఇవెంట్ జరుగుతుంది.

సూచన:ఈ ఇవెంట్ వంటి: onchange ఇంజెక్షన్వ్యత్యాసం: oninput ఇవెంట్ సంఘటించినప్పుడు తక్కువగా ప్రారంభం అవుతుంది, మరియు onchange సంఘటించినప్పుడు ప్రారంభం అవుతుంది మరియు అంతకు ముందు ప్రారంభం అవుతుంది. మరొక వ్యత్యాసం అనగా onchange ఇవెంట్ కూడా <select> అంశాలకు వర్తిస్తుంది.

ఉదాహరణ

ఉదాహరణ 1

వినియోగదారుడు <input> ఫీల్డ్ లో వ్రాస్తున్నప్పుడు జావాస్క్రిప్ట్ నిర్వహించడం:

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

నేను ప్రయత్నించాను

ఉదాహరణ 2

పరిమితి స్లైడర్ - స్లైడర్ విలువను డైనమిక్లీ నవీకరించడం ఎలా:

<input type="range" oninput="myFunction(this.value)">

నేను ప్రయత్నించాను

సంకేతాలు

హెచ్ఎంఎల్ లో:

<element oninput="myScript">

నేను ప్రయత్నించాను

జావాస్క్రిప్ట్ లో:

object.oninput = function(){myScript};

నేను ప్రయత్నించాను

జావాస్క్రిప్ట్ లో, addEventListener() పద్ధతి ఉపయోగించడం:

object.addEventListener("input", myScript);

నేను ప్రయత్నించాను

ప్రత్యామ్నాయం:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 లేదా అంతకు పూర్వం వెర్షన్లు మద్దతు లేదు addEventListener() పద్ధతి。

సాంకేతిక వివరాలు

బాయిలర్: మద్దతు
రద్దు చేయగలిగే: మద్దతు లేదు
ఇవెంట్ రకం: ఇవెంట్, InputEvent
మద్దతు పొందే హెచ్ఎంఎల్ టాగ్లు: <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="month">, <input type="number">, <input type="password">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week"> మరియు <textarea>
DOM సంస్కరణాంకం: లెవల్ 3 ఇంజెక్షన్స్

బ్రౌజర్ మద్దతు

పట్టికలో పేర్కొన్న సంఖ్యలు ఈ ఇంజెక్షన్స్ పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్‌ను పేర్కొంటాయి.

ఇంజెక్షన్స్ చ్రోమ్ ఐఈ ఫైర్‌ఫాక్స్ సఫారీ ఒపెరా
oninput మద్దతు 9.0 4.0 5.0 మద్దతు
DOM ఇంజెక్షన్స్ InputEvent