JavaScript HTML DOM onreset 事件

• 

  onreset 事件

  重置表单时发生onreset事件。

  重置表单时执行JavaScript：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  事件
  onreset	支持	支持	支持	支持	支持

• 

  语法

  在HTML中：

  <element onreset="myScript">

  在JavaScript中：

  object.onreset = function(){myScript};

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

  object.addEventListener("reset", myScript);

  注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。
• 

  技术细节

  项目	描述
  冒泡：	有
  取消：	有
  事件类型：	Event
  支持的HTML标记：	<form>
  DOM版本	DOM Event Level 2

• 

  更多例子

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

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

  尝试一下

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

  // 重置id=“myForm”的表单中所有元素的值
  function myResetFunction() {
    document.getElementById("myForm").reset();
  }
  
  // 重置表单时提醒一些文本
  function myAlertFunction() {
    alert("The form was reset");
  }
  

  尝试一下
• 

  相关页面

  JavaScript参考 ： HTML onreset 属性