1. ホーム
  2. autocomplete

[解決済み] 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(); 
    }
  });