如何处理 onclick 事件作为输入键？答案

【问题标题】：How to handle onclick event as enter key?如何处理 onclick 事件作为输入键？
【发布时间】：2017-03-07 06:19:39
【问题描述】：

我在谷歌地图中添加了自动完成地点，并有一个 FROM 和 TO 输入字段。 TO 输入有一个固定值，当用户从建议中选择一个地址并按 TAB 或 ENTER 键时，它会提交路线并且工作正常！

但是当用户点击建议时，它不会显示路线。如何将 place_changed 处理为 enter 或 tab 键？

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.

在 JavaScript 中我试过这个：

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

它不起作用，我不知道为什么，因为当我添加一个 window.alert 并从建议列表中选择一个项目时，它会显示警报。

我也尝试将输入字段放在表单标签中并将.focus更改为.submit，它也不起作用。

简而言之：我想让对建议列表的点击作为按键（tab 或 enter）处理成为可能

【问题讨论】：

你可以展示一些演示以便更好地理解吗？
@Novice codepen.io/anon/pen/BLbYzA 当您输入地址并按 Enter 或 Tab 键时，它会计算价格，但是当您从建议中选择/单击地址时，它不会计算
请尝试将autoFocus:true 与.keypress 一起用作SO post 中给出的事件侦听器。您也可以在Google Places Autocomplete - Pick first result on Enter key? 中尝试建议的解决方案，希望对您有所帮助！

标签： javascript google-maps

【解决方案1】：

我没有改变任何东西.. 代码现在可以工作了，我认为 api 被重载了，当我问这个问题时它不起作用。

【讨论】：