Javascript 从Google places Autocomplete中选择值后,防止输入框上出现onblur

Javascript 从Google places Autocomplete中选择值后,防止输入框上出现onblur,javascript,html,google-maps-api-3,Javascript,Html,Google Maps Api 3,我想防止当用户使用鼠标为谷歌的PlacesAPI提供的城市/州选择建议时,焦点从输入字段转移。这样,当用户单击选项卡时,焦点可以正确地转移到下一个明显的输入字段。但当用户(使用鼠标)在PlacesAPI中选择Google的自动完成功能所建议的值时,我无法防止onblur事件发生。使用键盘选择值时不会出现此问题。这是我的代码-感谢您在解决这个问题上给予我的帮助,因为我对谷歌API代码的操作不是很熟悉 以下是我的HTML代码: <div class="col-md-4 col-sm-12 co

我想防止当用户使用鼠标为谷歌的PlacesAPI提供的城市/州选择建议时,焦点从输入字段转移。这样,当用户单击选项卡时,焦点可以正确地转移到下一个明显的输入字段。但当用户(使用鼠标)在PlacesAPI中选择Google的自动完成功能所建议的值时,我无法防止onblur事件发生。使用键盘选择值时不会出现此问题。这是我的代码-感谢您在解决这个问题上给予我的帮助,因为我对谷歌API代码的操作不是很熟悉

以下是我的HTML代码:

<div class="col-md-4 col-sm-12 col-xs-12">
  <div class="form-group">
    <input gp-gac="{ types: ['(cities)'],  componentRestrictions: { country: 'US' }}" class="form-control"
      ng-model="home_ctrl.location"
      gp-components="{ locality: 'long_name', administrative_area_level_1: 'short_name' }"
      gp-callback="home_ctrl.gpSearchCb(result, place)"
      vs-city="home_ctrl.city"
      vs-state="home_ctrl.state"
      placeholder="City, State"
      id="txtCity">
  </div>
</div>

解决方案在于对控制html的Javascript文件进行以下更改,而不是对调用GoogleAPI的文件进行更改。在正确的javascript文件中的gpSearchCb函数末尾添加了以下行:

$('#txtCity').focus()
在用鼠标进行选择后,它会将焦点保持在正确的输入字段中

$('#txtCity').focus()