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("表单已重置");
}

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.