2016-10-25 5 views
0

Ich habe Autocomplete-Orte zu einer Google-Map hinzugefügt und habe ein FROM- und TO-Eingabefeld. Die TO-Eingabe hat einen festen Wert, wenn der Benutzer eine Adresse aus den Vorschlägen auswählt und die TAB- oder ENTER-Taste drückt, sendet er die Route und funktioniert gut!Wie wird onclick event als Eingabetaste behandelt?

Wenn der Benutzer jedoch auf einen Vorschlag klickt, wird die Route nicht angezeigt. Wie kann ich die place_changed als eine Eingabe oder Tab-Taste behandeln?

Der Code in HTML:

<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. 

In JavaScript Ich habe versucht, dies:

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

Es funktioniert nicht, ich weiß nicht, warum, weil, wenn ich einen window.alert hinzufügen und wähle einen Gegenstand aus der Vorschlagsliste aus, er zeigt den Alarm an.

Ich habe auch versucht, die Eingabefelder in einem Formular-Tag und ändern Sie die. Fokus auf. Submit, es funktioniert auch nicht.

Kurz: Ich mag es möglich machen, die Sie auf der Vorschlagsliste als keypress (Tab oder eingeben)

+0

Können Sie ein Demo zum besseren Verständnis zeigen? – Viney

+0

@Novice http://codepen.io/anon/pen/BLbYzA Wenn Sie eine Adresse eingeben und drücken Sie die Eingabetaste oder die Registerkarte berechnen sie einen Preis, aber wenn Sie wählen/klicken Sie die Adresse aus dem Vorschlag berechnet es nicht –

+0

Versuchen Sie, 'autoFocus: true' zusammen mit' .keypress' als Ereignis-Listener zu verwenden, wie in diesem [SO-Beitrag] angegeben (http://stackoverflow.com/questions/25449399/jquery-autocomplete-submit-form-on-select) -item-button-click-and-or-enter). Sie können auch die vorgeschlagene Lösung in [Google Places Autocomplete - Erstes Ergebnis mit Eingabetaste eingeben?] Ausprobieren (http://stackoverflow.com/questions/14601655/google-places-autocomplete-pick-first-result-on-enter- Schlüssel) Hoffe das hilft! – Teyam

Antwort

0

ich ändere nichts zu handhaben .. Der Code funktioniert jetzt, glaube ich, die api war überlastet, dass es nicht funktioniert, wenn ich die Frage stelle.