onreset na kaganapan

DOM 事件 Event Obheto

Definition at paggamit

Nangyayari ang onreset na kaganapan kapag inireset ang form.

Halimbawa

Talakayan 1

Ipaalok ang JavaScript kapag inireset ang form:

<form onreset="myFunction()">
  Magpasok ng pangalan: <input type="text">
  <input type="reset">
</form>

Subukan nang personal

Talakayan 2

Ipakita ang teksto sa text field na ipinapasok bago ireset:

var x = document.getElementById("myInput");
alert("Bago ireset, ang teksto ay: " + x.value);

Subukan nang personal

Talakayan 3

Gumamit ng reset() na paraan ng HTML DOM Form na paraan upang ireset ang form. Kapag nangyayari ito, magiging trigger ang onreset na kaganapan, na magiging trigger ng alert na function.

// Ireset ang halaga ng lahat ng elemento sa form na may id="myForm"
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// Magpakita ng ilang teksto kapag inireset ang form
function myAlertFunction() {
  alert("The form was reset");
}

Subukan nang personal

Grammar

Sa HTML:

<element onreset="myScript">

Subukan nang personal

Sa JavaScript:

object.onreset = function(){myScript};

Subukan nang personal

Sa JavaScript, gamit ang addEventListener() na paraan:

object.addEventListener("reset", myScript);

Subukan nang personal

Komentaryo:Internet Explorer 8 o mas maagang bersiyon ay hindi sumusuporta addEventListener() 方法。

技术细节

冒泡： 支持
可取消： 支持
事件类型： Event
支持的 HTML 标签： <form>
DOM 版本： Level 2 Events

浏览器支持

事件 Chrome IE Firefox Safari Opera
onreset 支持 支持 支持 支持 支持
DOM 事件 Event Obheto