[解決済み] Googleオートコンプリート - Enterで選択
2023-03-22 21:46:48
質問
私は Googleオートコンプリート を HTML フォームのテキスト フィールドに設定し、完全に動作しています。
しかし、候補のリストが表示され、矢印を使用してスクロールし、Enter を使用して選択すると、入力するボックスが残っているにもかかわらず、フォームが送信されます。クリックで候補を選択すると正常に動作しますが、その際に を入力します。 を押すと送信されます。
どうすればこれを制御できますか?どうすれば、enterがフォームを送信するのを止め、代わりにオートコンプリートからの提案の選択とすることができるのでしょうか?
ありがとうございます。 {S}
どのように解決するのですか?
この場合
preventDefault
を使って、エンターキーを押したときにフォームが送信されないようにすることができます。
var input = document.getElementById('inputId');
google.maps.event.addDomListener(input, 'keydown', function(event) {
if (event.keyCode === 13) {
event.preventDefault();
}
});
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン