onresetイベント
例
フォームがリセットされたときにJavaScriptを実行します。
<form onreset="myFunction()">
Enter name: <input type="text">
<input type="reset">
</form>
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
onresetイベントは、フォームがリセットされたときに発生します。
ブラウザのサポート
Event | |||||
---|---|---|---|---|---|
onreset | Yes | Yes | Yes | Yes | Yes |
構文
HTMLの場合:
<element onreset="myScript">
JavaScriptの場合:
object.onreset = function(){myScript};
JavaScriptでは、addEventListener()メソッドを使用します。
object.addEventListener("reset", myScript);
注: addEventListener ()メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
泡: | はい |
---|---|
キャンセル可能: | はい |
イベントタイプ: | イベント |
サポートされているHTMLタグ: | <フォーム> |
DOMバージョン: | レベル2のイベント |
その他の例
例
リセットされる前にテキストフィールドに挿入されたテキストを表示します。
var x = document.getElementById("myInput");
alert("Before reset, the text was: " + x.value);
例
HTML DOMフォームオブジェクトのreset()メソッドを使用して、フォームをリセットします。これが発生すると、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");
}