[JavaScript] フォームリセット時イベントを取得する（onReset）

投稿日：2016年10月9日更新日：2018年5月2日

フォームリセット時イベントを取得するには、onresetイベントハンドラを使用します。

サンプル

例）フォームリセット処理前に確認メッセージを表示する

function preReset(){
  return confirm("リセットしてよろしいですか？");
}

function preReset(){

return confirm("リセットしてよろしいですか？");

}

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
  <script src="sample.js"></script>
</head>
<body>
  <form name="fm" onreset="return preReset();" >
    <input type="text" name="txt1" >
    <input type="reset" value="クリア" />
  </form>
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

</form>

</body>

</html>

実行サンプル

↓確認メッセージでOKを選択した場合のみ、値が初期化されます。

解説

onresetイベントハンドラは、formタグに指定します。
リセットボタン（input type="reset"）を押した直後、リセット処理前に呼び出されます。

執筆者：とら