oninput ਈਵੈਂਟ

DOM ਈਵੈਂਟ InputEvent

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

oninput ਈਵੈਂਟ ਐਲੀਮੈਂਟ ਨੂੰ ਯੂਜ਼ਰ ਇਨਪੁਟ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹੋਏ ਚਲਦਾ ਹੈ。

ਜਦੋਂ <input> ਜਾਂ <textarea> ਐਲੀਮੈਂਟ ਦਾ ਮੁੱਲ ਬਦਲਦਾ ਹੈ ਤਾਂ ਇਹ ਈਵੈਂਟ ਚਲਦਾ ਹੈ。

ਸੁਝਾਅ:ਇਹ ਈਵੈਂਟ ਇਸ ਨਾਲ ਸਮਾਨ ਹੈ onchange ਈਵੈਂਟ。ਮੁੱਖ ਫਰਕ ਇਹ ਹੈ ਕਿ oninput ਈਵੈਂਟ ਜਦੋਂ ਐਲੀਮੈਂਟ ਮੁੱਲ ਬਦਲਦਾ ਹੈ ਤਾਂ ਤੁਰੰਤ ਚਲਦਾ ਹੈ, ਜਦਕਿ onchange ਈਵੈਂਟ ਜਦੋਂ ਐਲੀਮੈਂਟ ਫੋਕਸ ਗਵਾਉਂਦਾ ਹੈ ਅਤੇ ਮੁੱਲ ਬਦਲਦਾ ਹੈ ਤਾਂ ਚਲਦਾ ਹੈ। ਦੂਜਾ ਫਰਕ ਇਹ ਹੈ ਕਿ onchange ਈਵੈਂਟ ਹੀ <select> ਐਲੀਮੈਂਟ ਵਾਸਤੇ ਵੀ ਲਾਗੂ ਹੁੰਦਾ ਹੈ。

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਜਦੋਂ ਯੂਜ਼ਰ <input> ਫੀਲਡ ਵਿੱਚ ਲਿਖਦਾ ਹੈ ਤਾਂ JavaScript ਚਲਾਓ:

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

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਰੈਂਜ ਸਲੀਡਰ - ਕਿਵੇਂ ਸਲੀਡਰ ਮੁੱਲ ਨੂੰ ਗਤੀਸ਼ੀਲ ਢੁਕਵਾਓ:

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

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਰੰਥਾ

HTML ਵਿੱਚ:

<element oninput="myScript">

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਜ਼ਰੂਰੀ ਤੌਰ 'ਤੇ JavaScript ਵਿੱਚ:

object.oninput = function(){myScript};

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਜ਼ਰੂਰੀ ਤੌਰ 'ਤੇ JavaScript ਵਿੱਚ addEventListener() ਮੈਥਡ ਵਰਤੋਂ:

object.addEventListener("input", myScript);

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਟਿੱਪਣੀ:Internet Explorer 8 ਜਾਂ ਪੁਰਾਣੇ ਸਰਵਰ ਸਮਰਥਨ ਨਹੀਂ ਹੈ addEventListener() ਮੈਥਡ。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਬੁਲਬੁਲ ਕਰਨਯੋਗ: ਸਮਰਥਨ
ਰੱਦ ਕਰਨਯੋਗ: ਸਮਰਥਨ ਨਹੀਂ ਹੈ
ਈਵੈਂਟ ਟਾਈਪ: Event, InputEvent
ਸਮਰਥਿਤ HTML ਟੈਗ: <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 ਈਵੈਂਟ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਈਵੈਂਟਾਂ ਦੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਸੰਸਕਰਣ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਨੰਬਰ ਤੇ ਤਾਲੀਮ ਦਿੱਤੀ ਗਈ ਹੈ。

ਈਵੈਂਟ ਚਰਮ IE ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
oninput ਸਮਰਥਨ 9.0 4.0 5.0 ਸਮਰਥਨ
DOM ਈਵੈਂਟ InputEvent