最新のWeb開発のチュートリアル
 

onresetイベント

<イベントオブジェクト

フォームがリセットされたときにJavaScriptを実行します。

<form onreset="myFunction()">
  Enter name: <input type="text">
  <input type="reset">
</form>
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

フォームがリセットされたときonresetイベントが発生します。


ブラウザのサポート

イベント
onreset はい はい はい はい はい

構文

HTMLには:

JavaScriptで:

JavaScriptでは、使用してaddEventListener()メソッドを:

object .addEventListener("reset", myScript );
»それを自分で試してみてください

注: addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。


技術的な詳細

バブル: はい
取消し可能: はい
イベントの種類: イベント
サポートされているHTMLタグ: <フォーム>、 <keygen>
DOMバージョン: レベル2のイベント

例

その他の例

それがリセットされた前のテキストフィールドに挿入されたテキストを表示します。

var x = document.getElementById("myInput");
alert("Before reset, the text was: " + x.value);
»それを自分で試してみてください

使用reset()フォームをリセットするために、HTML DOMフォームオブジェクトの方法。 これが発生すると、onresetイベントが発生し、警報機能をトリガします。

// Reset the value of all elements in a form with id="myForm"
function myResetFunction() {
    document.getElementById("myForm").reset();
}

// Alert some text when the form is reset
function myAlertFunction() {
    alert("The form was reset");
}
»それを自分で試してみてください

<イベントオブジェクト