onreset event

DOM इवेंट Event ऑब्जेक्ट

व्याख्या और उपयोग

When the form is reset, the onreset event occurs.

सामग्री

उदाहरण 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 reset:

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

खुद आयात करें

उदाहरण 3

एचटीएमएल डॉम फॉर्म ऑब्जेक्ट की reset() विधि का उपयोग करके फॉर्म को रीसेट करें। इस समय ऑनरीसेट इवेंट ट्रिगर होगा जो एक अलर्ट फ़ंक्शन को ट्रिगर करेगा。

// id="myForm" के फॉर्म के सभी एलीमेंट के मूल्यों को रीसेट करें
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// फॉर्म को रीसेट करते समय कुछ टेक्स्ट दिखाएं
function myAlertFunction() {
  alert("The form was reset");
}

खुद आयात करें

व्याकरण

एचटीएमएल में:

<एलीमेंट onreset="myScript">

खुद आयात करें

जेसक्रिप्ट में:

ऑब्जेक्ट.onreset = function(){myScript};

खुद आयात करें

जेसक्रिप्ट में addEventListener() विधि का उपयोग करके:

ऑब्जेक्ट.addEventListener("reset", myScript);

खुद आयात करें

टिप्पणी：इंटरनेट एक्सप्लोरर 8 या अधिक पुरानी संस्करण इसका समर्थन नहीं करते addEventListener() मेथड。

तकनीकी विवरण

फ़्यूज़ल: सापोर्ट
विलुप्तीय: सापोर्ट
इवेंट टाइपः Event
सहाय्ता प्राप्त एचटीएमएल टैगः <form>
DOM संस्करणः स्तर 2 इवेंट

ब्राउज़र सापोर्ट

इवेंट च्रोम आईई फायरफॉक्स सैफारी ऑपेरा
onreset सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट
DOM इवेंट Event ऑब्जेक्ट