HTMLFormElement: reset イベント

reset イベントは <form> がリセットされたときに発行されます。

バブリング あり (ただし、バブリングしない単純なイベントとして指定されている)
キャンセル
インターフェイス Event
イベントハンドラープロパティ GlobalEventHandlers.onreset

この例は EventTarget.addEventListener() を使用してフォームがリセットされるのを、実行されたときに現在の Event.timeStamp をログ出力します。

HTML

<form id="form">
  <label>Test field: <input type="text"></label>
  <br><br>
  <button type="reset">Reset form</button>
</form>
<p id="log"></p>

JavaScript

function logReset(event) {
  log.textContent = `Form reset! Time stamp: ${event.timeStamp}`;
}

const form = document.getElementById('form');
const log = document.getElementById('log');
form.addEventListener('reset', logReset);

結果

仕様書

仕様書 状態 備考
HTML Living Standard
reset の定義
草案 変更なし
HTML 5.2
reset の定義
勧告 変更なし
HTML 5.1
reset の定義
勧告 変更なし
HTML5
reset の定義
勧告 初回定義

ブラウザーの互換性

BCD tables only load in the browser

関連情報