2016-10-25 9 views
0

Googleマップにオートコンプリートの場所を追加し、FROMフィールドとTOフィールドを入力しました。 TO入力は固定値です。ユーザーが提案からアドレスを選択してTABまたはENTERキーを押すと、ルートを送信して正常に動作します。Enterキーとしてonclickイベントを処理する方法は?

しかし、ユーザーが候補をクリックすると、ルートは表示されません。 入力またはタブキーとしてplace_changedを処理するにはどうすればよいですか?

HTMLのコード:JavaScriptで

<div id="controls"> 
    <label><span>Van:</span> <input class="test" id="vertrek" type="text" name="from"></label> 
    <label><span>Naar:</span> <input type="text" id="bestemming" name="to" readonly></label> 
</div. 

私はこれを試してみました:

google.maps.event.addListener(autocomplete, 'place_changed', function() { 
    document.getElementById("vertrek").focus(); 
    return false; 
    }); 

それが動作しないので、私はのwindow.alertを追加するときに、なぜ、私は知らないし、提案リストからアラートを示す項目を選択します。

また、入力フィールドをフォームタグに置き、.focusを.submitに変更しようとしましたが、これも機能しません。まもなく

:私は(タブまたはEnter)キープレスとして提案リストのクリックを処理することを可能にしたい

+0

理解のためにデモを表示できますか? – Viney

+0

@Novice http://codepen.io/anon/pen/BLbYzA 住所を入力して入力またはタブを押すと価格が計算されますが、提案から住所を選択/クリックすると計算されません –

+0

この[SO post](http://stackoverflow.com/questions/25449399/jquery-autocomplete-submitform-on-select)で与えられているように、 'autoFocus:true'を' .keypress'と共にイベントリスナーとして使ってみてください。 -item-button-click-and-or-enter)。 [Googleプレイスオートコンプリート - Enterキーの最初の結果を選ぶ]で提案された解決策を試すこともできます(http://stackoverflow.com/questions/14601655/google-places-autocomplete-pick-first-result-on-enter-キー)役立つことを願っています! – Teyam

答えて

0

私は何も変更しませんでした。.. コードが機能するようになりました、私は、APIを考えます私は質問をするとうまくいかないという過負荷でした。

関連する問題