حدث onreset

التعريف والاستخدام

يحدث حدث onreset عند إعادة تعيين النموذج.

مثال

مثال 1

تنفيذ JavaScript عند إعادة تعيين النموذج

<form onreset="myFunction()">
  ادخل الاسم: <input type="text">
  <input type="reset">
</form>

جرب بنفسك

مثال 2

عرض النص في حقل النص المضاف قبل إعادة تعيين النموذج

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

جرب بنفسك

مثال 3

استخدم دالة reset() من جسم النموذج HTML DOM لإعادة تعيين النموذج. يحدث هذا عند إعادة تعيين النموذج، مما يسبب إنشاء حدث 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، استخدم دالة addEventListener()

object.addEventListener("reset", myScript);

جرب بنفسك

التعليقات:مستعرض إنترنت إكسبلورر 8 أو أقدم إصدار لا يدعم طريقة addEventListener().

تفاصيل التقنية

التنقل: الدعم
قابل للإلغاء: الدعم
نوع الحدث: مثلث Event
العلامات HTML المدعومة: <form>
إصدار DOM: أحداث المستوى 2

دعم المتصفح

الأحداث Chrome IE Firefox Safari Opera
onreset الدعم الدعم الدعم الدعم الدعم