Google Maps APIのオートコンプリートで一致しない文字列の結果を表示

Question

クライアントは、ユーザが自動補完ドロップダウンに文字化けしたテキストや不正なテキストを入力し、最後に正しい一致を表示できるようにしたいデフォルトはドロップダウンです）。同様に、通常のオートコンプリート機能は、ユーザーが文字を削除するときに再起動する必要があります。

返される新しい結果の数を確認する関数をどのイベントハンドラに割り当てる必要がありますか？オプションはinput要素の 'keyup'になりますが、結果が返る前に起こります。別のオプションは ".pac-container"要素のサイズ変更（Mutation Observer経由）です。オートコンプリートで便利な "result-returned"イベントが表示されませんでした。

基本的な置換が行われ、イベントが順番に発生すると、文字の削除にはより多くの問題があります。どういうわけか、間違ったケースで余分な結果がdivに詰まってしまっています。 Example JSBin when one gets to this point.

Answer 1

最終JSBin溶液は、hereで見ることができます。

いくつかの説明：

• は基本的に、これは最後に成功した状態を取得し、成功した状態が再び存在するまで、それを再適用します。私はMutationObserverがあまりにも信頼できないトリガーと回数が多すぎると、それは難しい追加結果にクラスを追加するために必要な
• を保存し、古い状態に戻すために作られたので、私は新しい操作することができた使用しているので、からkeyupイベントでのsetTimeoutに選んだ
• 古いドロップダウンの結果
• 削除を中断せずに実際に正しい要素を削除するために、複雑な一連の条件を確立する必要がありました。
• 無い結果と失敗した最後の時間、
• いくつかの結果と失敗した最後の時間、
• いくつかの結果、
  • 無い結果と成功した最後の時間と最後の時間は
  を成功しました：これらの例は、おおよそに対応しますユーザが

これらCAをオフクリックするとプルダウンを削除強制する機能を含む

職場のJSBinで見ることができます。私はこれが道に沿って誰かを助けることを願っています！