เหตุการณ์ 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 | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |