重置表单时执行JavaScript:
<form onreset="myFunction()"> Enter name: <input type="text"> <input type="reset"> </form>定义和用法
表单重置后触发onreset事件。
浏览器支持
在HTML中:
<element onreset="myScript">在JavaScript中:
object . on reset = function(){ myScript }；
在JavaScript中，使用addEventListener()方法:
object.addEventListener("reset", myScript);注意:Internet Explorer 8和早期版本的IE不支持addEventListener()方法。
技术细节
| 是 | 我可以取消吗:是 | 事件类型:事件 | 支持的HTML标签:& lt表单& gt，& ltkeygen & gt |
更多示例
例子
重置表单前显示文本字段中的内容:
var x = document.getElementById("myInput"); alert("重置前, 文本内容为: " + x.value);例子
使用HTML DOM Form对象的reset()方法重置表单。执行时，触发onreset事件，并弹出提示信息。
// 重置id="myForm"表单的所有元素值 function myResetFunction() { document.getElementById("myForm").reset(); } // 在表单重置后弹出提示信息 function myAlertFunction() { alert("表单已重置"); }例子
在本例中，当单击重置按钮时，表单将更改为默认值，并将显示一个对话框:
<form onreset="alert('The form will be reset')"> Firstname: <input type="text" name="fname" value="John" /> <br /> Lastname: <input type="text" name="lname" /> <br /><br /> <input type="reset" value="Reset"> </form>以上是html表单重置后触发的事件onreset的细节。更多信息请关注AdminJS.cn其他相关文章！
adminjs.cn是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在本网站中，您可以学习到最新的前端开发技术，了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例，让您可以快速掌握前端开发的核心技术和流程。 Adminjs.cn还提供一系列实用的工具和插件，帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化，可以帮助您节省时间和精力，提升开发效率。 在Adminjs.cn中，您可以找到您需要的一切前端开发资源，让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭，一起探索前端开发的无限可能！