javascript - 谷歌地图 : Distinguishing Enter Click Source

Question

我试图区分使用搜索框的人何时得到谷歌地图地点自动完成的帮助，以及何时他们只是输入文本。

我能够检测到输入按钮的按下，但我无法区分它们自己输入数据或从自动完成列表中选择一个项目之间的区别。

我注意到，当使用向上和向下箭头突出显示某个项目时，它会被赋予一个 pac-item-selected 类，但事件监听器似乎在该类之后触发由于击键而被删除。

我尝试使用标准 jQuery 监听器，以及附加到 google 框架提供的监听器。

google.maps.event.addDomListener(input, 'keydown', function(e) { 
  if (e.keyCode == 13) { 
    //always comes back 0
    alert($('.pac-item-selected').length);
  }
});

$('#searchproperties').keydown(function (e) {
  if (e.which == 13) {
    //also comes back 0
    alert($('.pac-item-selected').length);
  }
});

如何判断某人在按 Enter 键时是否使用向上和向下箭头从自动完成中选择了项目？

Answer 1

您只需检查 place - 自动完成的属性(通过 getPlace() )。

当它只包含单个属性时 name (等于 <input/> 的值)并且没有其他属性，例如place_id您可以假设用户已输入文本。