Sự kiện onreset

Sự kiện DOM Đối tượng Event

Định nghĩa và cách sử dụng

Sự kiện onreset sẽ xảy ra khi đặt lại biểu mẫu.

Mô hình

Ví dụ 1

Thực hiện JavaScript khi đặt lại biểu mẫu:

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

Thử trực tiếp

Ví dụ 2

Hiển thị văn bản trong trường văn bản được chèn trước khi đặt lại:

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

Thử trực tiếp

Ví dụ 3

Sử dụng phương thức reset() của đối tượng HTML DOM Form để đặt lại biểu mẫu. Khi xảy ra tình huống này, sự kiện onreset sẽ được kích hoạt, điều này sẽ kích hoạt hàm alert.

// Đặt lại giá trị của tất cả các yếu tố trong biểu mẫu có id="myForm"
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// Hiển thị một số văn bản khi biểu mẫu được đặt lại
function myAlertFunction() {
  alert("The form was reset");
}

Thử trực tiếp

Cú pháp

Trong HTML:

<element onreset="myScript">

Thử trực tiếp

Trong JavaScript:

object.onreset = function(){myScript};

Thử trực tiếp

Trong JavaScript, sử dụng phương thức addEventListener():

object.addEventListener("reset", myScript);

Thử trực tiếp

Ghi chú：Trình duyệt Internet Explorer 8 hoặc sớm hơn không hỗ trợ Phương thức addEventListener().

Chi tiết kỹ thuật

Bao bọc: Hỗ trợ
Có thể hủy bỏ: Hỗ trợ
Loại sự kiện: Sự kiện
Các thẻ HTML được hỗ trợ: <form>
Phiên bản DOM: Sự kiện cấp 2

Hỗ trợ trình duyệt

Sự kiện Chrome IE Firefox Safari Opera
onreset Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ
Sự kiện DOM Đối tượng Event