onreset 事件
HTML DOM 的 onreset 事件在表单被重置时触发
语法
HTML
<element onreset=" myScript ">
JavaScript
object.onreset=function(){ /*myScript*/};
JavaScript 使用 addEventListener() 方法
object.addEventListener("reset", /*myScript*/);
Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法
浏览器支持
Yes | Yes | Yes | Yes | Yes |
其它
是否支持冒泡 | Yes |
---|---|
是否可以取消 | Yes |
事件类型 | Event |
支持的 HTML 标签 | <form>, <keygen> |
范例
当重置表单后执行 JavaScript
<form onreset="myFunction()"> Enter name: <input type="text"> <input type="reset"></form>
范例
在表单重置前显示写入到文本域中的内容
var x = document.getElementById("myInput"); alert("重置前, 文本内容为: " + x.value);
范例
使用 HTML DOM Form Object 的 reset() 方法来重置表单
当执行后, onreset 事件被触发,并会弹出提示信息
// 重置 id="myForm"表单的所有元素值 function myResetFunction() { document.getElementById("myForm").reset(); } // 在表单重置时弹出提示信息 function myAlertFunction() { alert("表单已重置"); }