ホームページ  >  記事  >  ウェブフロントエンド  >  HTML フォームがリセットされた後にトリガーされるイベント onreset

HTML フォームがリセットされた後にトリガーされるイベント onreset

黄舟
黄舟オリジナル
2017-11-04 13:45:184202ブラウズ

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

<form onreset="myFunction()">
  Enter name: <input type="text">
  <input type="reset">
</form>

定義と使用法

onreset イベントフォームがリセットされた後にトリガーされます。 Browsersupport

HTML フォームがリセットされた後にトリガーされるイベント onresetsyntax

html:

rreee

javascript:

<element onreset="myScript">

javascript、addeventlistener()メソッドを使用してください:

object.onreset=function(){myScript};

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

技術的な詳細

バブリングがサポートされているかどうか:キャンセル可能:イベントタイプ:サポートされているHTMLタグ:

更多实例

实例

在表单重置前显示写入到文本域中的内容:

var x = document.getElementById("myInput");
alert("重置前, 文本内容为: " + x.value);

实例

使用 HTML DOM Form Object 的 reset() 方法来重置表单。当执行后, onreset 事件被触发,并会弹出提示信息。

// 重置id="myForm"表单的所有元素值
function myResetFunction() {
    document.getElementById("myForm").reset();
}

// 在表单重置后弹出提示信息
function myAlertFunction() {
    alert("表单已重置");
}

实例

在本例中,当重置按钮被点击时,表单会改为默认值,并显示一个对话框:

<form onreset="alert(&#39;The form will be reset&#39;)">

Firstname: <input type="text" name="fname" value="John" />
<br />
Lastname: <input type="text" name="lname" />
<br /><br />
<input type="reset" value="Reset">

</form>
はい
はい
イベント

以上がHTML フォームがリセットされた後にトリガーされるイベント onresetの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。