onreset 事件

2018-12-05 17:57 更新

onreset 事件

事件對象參考手冊 事件對象

實例

當重置表單后執(zhí)行 JavaScript:

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

嘗試一下 ?

定義和用法

onreset 事件在表單被重置后觸發(fā)。

瀏覽器支持

事件     
onresetYesYesYesYesYes

語法

HTML 中:

<element onreset="myScript">嘗試一下

JavaScript 中:

object.onreset=function(){myScript};嘗試一下

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("reset", myScript);嘗試一下

注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

Technical Details

是否支持冒泡:Yes
是否可以取消:Yes
事件類型:Event
支持的 HTML 標簽:<form>, <keygen>

實例

更多實例

實例

在表單重置前顯示寫入到文本域中的內(nèi)容：

var x = document.getElementById("myInput");
alert("重置前, 文本內(nèi)容為: " + x.value);

嘗試一下 ?

實例

使用 HTML DOM Form Object 的 reset() 方法來重置表單。當執(zhí)行后， onreset 事件被觸發(fā)，并會彈出提示信息。

// 重置id="myForm"表單的所有元素值
functionmyResetFunction() {
   document.getElementById("myForm").reset();
}

// 在表單重置后彈出提示信息
function myAlertFunction() {
   alert("表單已重置");
}

嘗試一下 ?

事件對象參考手冊 事件對象

以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號