onreset event

DOM واقعات Event اشیاء

Definition and Usage

When the form is reset, an 'onreset' event will occur.

ਇੱਕ ਮਿੱਤਰ

ਉਦਾਹਰਣ 1

Execute JavaScript when the form is reset:

<form onreset="myFunction()">
  Enter name: <input type="text">
  <input type="reset">
</form>

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਉਦਾਹਰਣ 2

Show the text in the text field inserted before the reset:

var x = document.getElementById("myInput");
alert("Before reset, the text was: " + x.value);

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਉਦਾਹਰਣ 3

ਐੱਚਟੀਐੱਮਐੱਲ ਡੋਮ ਫਾਰਮ ਆਬਜੈਕਟ ਦੇ reset() ਮੇਥਡ ਨਾਲ ਫਾਰਮ ਮੁੜ ਸੈੱਟ ਕਰੋ।ਇਹ ਇਕਸੇ ਤਰ੍ਹਾਂ ਦਾ ਹੋਣ ਦੇ ਮੌਕੇ 'onreset' ਈਵੈਂਟ ਟ੍ਰਿਗਰ ਹੋਵੇਗਾ ਜਿਸ ਨਾਲ alert ਫੰਕਸਨ ਟ੍ਰਿਗਰ ਹੋਵੇਗਾ。

// id="myForm" ਦੇ ਫਾਰਮ ਵਿੱਚ ਸਾਰੇ ਇਲੀਮੈਂਟਸ ਦੇ ਮੁੱਲ ਮੁੜ ਸੈੱਟ ਕਰੋ
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// ਫਾਰਮ ਨੂੰ ਮੁੜ ਸੈੱਟ ਕਰਨ ਵਾਲੇ ਇੱਕ ਟੈਕਸਟ ਨੂੰ ਸੁਝਾਓ
function myAlertFunction() {
  alert("The form was reset");
}

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਸਿਧਾਂਤ

ਜਿਵੇਂ ਕਿ HTML ਵਿੱਚ:

<element onreset="myScript">

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਜਿਵੇਂ ਕਿ JavaScript ਵਿੱਚ:

object.onreset = function(){myScript};

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਜਿਵੇਂ ਕਿ JavaScript ਵਿੱਚ ਐਡਡਰਿਸਨ ਐਲੀਮੈਂਟਨਟ ਮੇਥਡ ਵਰਤੋਂ ਕਰਕੇ:

object.addEventListener("reset", myScript);

ਆਪਣੇ ਆਪ ਦੱਸੋ

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

تکنیکی تفصیلات

بولبول: پشتیبانی
مغایرتی: پشتیبانی
واقعات نوع: Event
پشتیبانی کئے جانے والے HTML نقش: <form>
DOM نسخہ: درجہ 2 واقعات

بrowser پشتیبانی

واقعات Chrome IE Firefox Safari Opera
onreset پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی
DOM واقعات Event اشیاء