フォームのsubmitイベントが応答しない_HTML/Xhtml_Webページ制作
![WBOY](/static/front/mobimages/moren/moren.png)
- WBOYオリジナル
- 2016-05-16 16:45:491571ブラウズ
1. 問題の説明
JS を使用してフォーム メソッド submit を呼び出してフォームを直接送信すると、submit イベントは応答しません。なぜ?ご存知の方はご返信下さい。同様に、input.select() を使用してテストしましたが、select イベントに応答できました。この理由はひとまず脇に置いて、まずは現在の問題を解決する方法を見てみましょう。
イベントに応答しないコード例:
実際の運用ではアラートは発生しません。
submit メソッドを使用してフォームを送信することは、Unobtrusive Javascript の原則に反しますが、たとえば、検索プロンプト (オートコンプリート) を作成し、アイテムを選択する場合、JS を使用して送信する必要がある場合があります。検索フォーム。
2. 問題分析
イベントに応答しないため、これらのイベントは手動でのみトリガーできます。手動トリガー計画を決定する前に、イベント登録方法を確認してください。
2 つの「オリジナル」登録方法があります。コード例を参照してください。
このような登録イベントは、フォームに onsubmit メソッドを追加します。したがって、このメソッドを直接実行できます。これは、イベントを手動でトリガーするのと同じです。 コード例を見てください:
これはアラートを受け取る可能性があります。
しかし、今日の「高度な」DOM2 標準登録メソッドと IE の登録メソッド AttachEvent は、すでに非常に一般的に使用されています。これらの登録メソッドには、onsubmit メソッドが存在しません。form.onsubmit() を使用すると、エラーが直接報告されます。
3. 解決策
もちろん、「高度な」登録方法自体も、DOM2 標準と IE 用に異なるプログラムを作成するだけで済みます。さらに、このプログラムは「オリジナル」の登録方法にも有効です。 。コード例を参照してください。
4. コードの概要
ここでは、各方法の詳細については説明しません。詳しくない人は、関連する情報を自分で確認してください。コード全体をつなぎ合わせてみましょう。
閫佷俊
FX銇с伅form.submit()銇屽繀瑕併仾銇忋€佺洿鎺ャ儠銈┿兗銉犮倰閫佷俊銇欍倠銇熴倎銆併亾銇声明:この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。