onresetイベント

DOM イベント Event オブジェクト

定義と使用法

フォームをリセットするとonresetイベントが発生します。

インスタンス

例 1

フォームをリセットするときにJavaScriptを実行します：

<form onreset="myFunction()">
  名前を入力してください: <input type="text">
  <input type="reset">
</form>

自分で試してみてください

例 2

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

var x = document.getElementById("myInput");
alert("リセット前にテキストは: " + x.value);

自分で試してみてください

例 3

HTML DOM Formオブジェクトのreset()メソッドを使用してフォームをリセットします。この場合、onresetイベントがトリガーされ、alert関数がトリガーされます。

// id="myForm"のフォーム内のすべての要素の値をリセットします
function myResetFunction() {
  document.getElementById("myForm").reset();
}
// フォームがリセットされたときにテキストを表示する
function myAlertFunction() {
  alert("フォームがリセットされました");
}

自分で試してみてください

文法

HTMLで：

<element onreset="myScript">

自分で試してみてください

JavaScriptで：

object.onreset = function(){myScript};

自分で試してみてください

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

object.addEventListener("reset", myScript);

自分で試してみてください

注：Internet Explorer 8 以降のバージョンはサポートしていません addEventListener() メソッド。

技術的詳細

バブル： サポート
キャンセル可能： サポート
イベントタイプ： Event
サポートしている HTML タグ： <form>
DOM バージョン： レベル2 イベント

ブラウザのサポート

イベント Chrome IE Firefox Safari Opera
onreset サポート サポート サポート サポート サポート
DOM イベント Event オブジェクト