เหตุการณ์ onreset

คำนำออกและการใช้งาน

เกิดเหตุ onreset ขณะปรับสภาพฟอร์ม

ตัวอย่าง

ตัวอย่าง 1

ปฏิบัติงาน JavaScript ขณะปรับสภาพฟอร์ม

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

ลองด้วยตัวเอง

ตัวอย่าง 2

แสดงข้อความในช่องข้อมูลข้อความที่ใส่ก่อนที่จะปรับสภาพใหม่

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

ลองด้วยตัวเอง

ตัวอย่าง 3

ใช้วิธีการ reset() ของตัวแปล Form ใน HTML DOM ที่จะปรับสภาพใหม่ฟอร์ม。เมื่อเกิดเหตุนี้ขึ้นจะเรียกใช้กิจกรรม onreset ซึ่งจะเรียกใช้ฟังก์ชัน alert。

// ปรับสภาพใหม่ทุกช่องของฟอร์ม id="myForm"
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// แสดงข้อความบางอย่างเมื่อฟอร์มถูกปรับสภาพใหม่
function myAlertFunction() {
  alert("The form was reset");
}

ลองด้วยตัวเอง

สyntax

ใน HTML ดังนี้:

<element onreset="myScript">

ลองด้วยตัวเอง

ใน JavaScript ดังนี้:

object.onreset = function(){myScript};

ลองด้วยตัวเอง

ใน JavaScript ใช้วิธีการ addEventListener() ดังนี้:

object.addEventListener("reset", myScript);

ลองด้วยตัวเอง

หมายเหตุ:อินเตอร์เน็ต อิกเซลเรอร์ 8 หรือตัวเก่ากว่าไม่สนับสนุน เมธอด addEventListener()

รายละเอียดเทคนิค

การแบ่งผ่านหลายชั้น: สนับสนุน
สามารถยกเลิกได้: สนับสนุน
ประเภทเหตุการณ์: Event
ตามฐานของ HTML ตามที่สนับสนุน: <form>
เวอร์ชั่น DOM: Level 2 Events

การสนับสนุนโดยบราวเซอร์

เหตุการณ์ Chrome IE Firefox Safari Opera
onreset สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน