目录

onreset 事件

❮上一节活动参考下一节❯

示例

重置表单时调用函数：

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

亲自试一试 »

下面有更多 "亲自试一试" 示例。

描述

onreset 事件在表单重置时发生。

浏览器支持

Event
onreset	Yes	Yes	Yes	Yes	Yes

语法

在 HTML 中：

< element onreset=" myScript">

亲自试一试 »

在 JavaScript 中：

object.onreset = function(){ myScript};

亲自试一试 »

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("reset", myScript);

亲自试一试 »

技术细节

气泡：	是的
可取消：	是的
事件类型：	事件
HTML 标签：	<表格>
DOM 版本：	2 级活动

更多示例

示例

显示重置之前插入文本字段的文本：

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

亲自试一试 »

示例

使用 HTML DOM 表单对象的 reset() 方法重置表单。发生这种情况时，将触发 onreset 事件，这将触发警报功能。

// Reset the value of all elements in a form with id="myForm"
function myResetFunction() {
document.getElementById("myForm").reset();
}

// Alert some text when the form is reset
function myAlertFunction() {
alert("The form was reset");
}

亲自试一试 »

❮上一节活动参考下一节❯