Formフォームのsubmitイベントが応答しない問題の解決策_Form特殊効果

1. 問題の説明
同様に、input.select() を使用してテストしましたが、select イベントに応答できました。この理由はひとまず脇に置いて、まずは現在の問題を解決する方法を見てみましょう。
イベントに応答しないコード例:

<form id="form1" action="http://www.jb51.net"></form>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

実際の操作ではアラートは出ません。
submit メソッドを使用してフォームを送信することは、Unobtrusive Javascript の原則に反しますが、たとえば、検索プロンプト (オートコンプリート) を作成し、アイテムを選択する場合、JS を使用して送信する必要がある場合があります。検索フォーム。 2. 問題分析

イベントに応答しないため、これらのイベントは手動でのみトリガーできます。手動トリガー計画を決定する前に、イベント登録方法を確認してください。 " 登録には 2 つの方法があります。コード例を参照してください:

<form id="form1" action="http://www.jb51.net" onsubmit="alert(1)"></form> <form id="form1" action="http://www.jb51.net"></form>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

このような登録イベントには、フォームへの送信時にメソッドが追加されます。したがって、このメソッドを直接実行できます。これは、イベントを手動でトリガーするのと同じです。
コード例を見てください:

[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

これアラートを受け取る方法。 しかし、今日の「高度な」DOM2 標準登録メソッドと IE の登録メソッド AttachEvent は、すでに非常に一般的に使用されています。これらの登録メソッドには、onsubmit メソッドが存在しません。form.onsubmit() を使用すると、直接エラーが報告されます。
3. 解決策

もちろん、「高度な」登録方法自体も手動でイベントをトリガーするための解決策を提供しますが、さらに、DOM2 標準と IE 用に異なるプログラムを作成する必要があります。このプログラム、「オリジナル」の登録方法も同様です。コード例を参照してください:

[Ctrl A すべて選択 注:
外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

4 . コード概要それぞれの方法についてはここでは詳しく説明しませんので、詳しくない方はご自身で確認してください。コード全体をつなぎ合わせましょう: <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title> </title> 閫佷俊<form id="form1" action="http://www.jb51.net"> </form>