onchange ਈਵੈਂਟ

DOM ਈਵੈਂਟ Event ਆਬੋਦਧ

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

ਜਦੋਂ ਇਲੈਕਟ੍ਰੌਨਿਕ ਦਾ ਮੁੱਲ ਬਦਲਦਾ ਹੈ ਤਾਂ onchange ਈਵੈਂਟ ਹੁੰਦਾ ਹੈ。

ਸਿੰਗਲ ਚੈਕਬਾਕਸ ਅਤੇ ਚੈਕਬਾਕਸ ਦੀ ਚੋਣ ਸਥਿਤੀ ਬਦਲਣ ਉੱਤੇ onchange ਈਵੈਂਟ ਹੁੰਦਾ ਹੈ。

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

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਜਦੋਂ ਯੂਜ਼ਰ <select> ਐਲੀਮੈਂਟ ਦੇ ਚੁਣੇ ਹੋਏ ਵਿਕਲਪ ਵਿੱਚ ਤਬਦੀਲੀ ਕਰਦਾ ਹੈ ਤਾਂ ਜਿਊਐਸਕਰਿਪਟ ਚਲਾਓ:

<select onchange="myFunction()">

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਉਦਾਹਰਣ 2

ਜਦੋਂ ਯੂਜ਼ਰ ਇਨਪੁਟ ਫੀਲਡ ਦੇ ਸਮਾਚਾਰ ਵਿੱਚ ਤਬਦੀਲੀ ਕਰਦਾ ਹੈ ਤਾਂ ਜਿਊਐਸਕਰਿਪਟ ਚਲਾਓ:

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

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਗਰੰਥਾ:

HTML ਵਿੱਚ:

<element onchange="myScript">

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਜਿਊਐਸਕਰਿਪਟ ਵਿੱਚ:

object.onchange = function(){myScript};

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਜਿਊਐਸਕਰਿਪਟ ਵਿੱਚ, addEventListener() ਮੱਥਕ ਦੀ ਵਰਤੋਂ ਕਰਕੇ:

object.addEventListener("change", myScript);

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਨੋਟ:ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 8 ਜਾਂ ਪੁਰਾਣੇ ਨਹੀਂ ਸਮਰਥਨ ਕਰਦਾ ਹੈ addEventListener() ਮੱਥਕ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

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

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

ਈਵੈਂਟ ਚਰਮੋਨੀ ਆਈਈ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪੇਰਾ
onchange ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ
DOM ਈਵੈਂਟ Event ਆਬੋਦਧ