ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の問題 フォーム送信をトリガーする Enter キー_フォームの特殊効果

JavaScript の問題 フォーム送信をトリガーする Enter キー_フォームの特殊効果

WBOY
リリース: 2016-05-16 18:29:15
オリジナル
859 人が閲覧しました

たとえば、検索動作の場合、キーワードを入力した後に Enter キーを直接押してフォームをすぐに送信する必要がある場合、一部の複雑なフォームでは、フォームへの入力を完了する前に誤って Enter キーを押してフォームの送信をトリガーすることを避けたい場合があります。 。

これらの動作を制御するために、ブラウザーはすでにこれを行っています。

type= のボタンがある場合。 submit」をフォームに入力すると、Enter キーが有効になります。
フォーム内に type="text" の入力が 1 つだけある場合は、ボタンの種類に関係なく、Enter キーが有効になります。
ボタンが input ではなく button で、タイプが追加されない場合、デフォルトは IE では type=button、FX では type=submit です。
textarea や select などの他のフォーム要素は影響を受けず、ラジオ チェックボックスはトリガー ルールに影響しませんが、FX では Enter キーに反応しますが、IE では反応しません。
type="image" の入力は type="submit" と同じ効果を持ちます。なぜそのようなタイプが設計されているのかわかりません。CSS を使用して追加する方が適切です。背景画像。
実際のアプリケーションでは、フォームに type="submit" のボタンがあることを確認するだけで、フォームを Enter キーに応答させるのは簡単です。また、テキスト ボックスが 1 つしかなく、Enter キーに応答したくない場合はどうすればよいでしょうか?私の方法は少しぎこちなく、意味のないテキスト ボックスをもう 1 つ作成して非表示にします。ルール 3 によれば、ボタンを使用するときは、一貫したブラウザのパフォーマンスを確保するためにタイプを明示的に宣言する必要があります。

は、いくつかの例をリストしたデモ (クリックして表示) を作成しました。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート