Question

我有一个输入字段，其上附有Google自动填充功能。我想用一些默认值填充此字段，聚焦输入并自动打开输入下方的预测框。

我显然没有设置输入值和焦点的问题，但我找不到打开建议框的方法。它可以在任何用户按键上打开;无论如何，模拟输入上的按键事件不起作用。

所以我想知道是否有办法触发使自动填充框显示的事件。

我有以下示例代码：

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
<input type="text" id="q" />

JS：

var input = document.getElementById('q');
var autocomplete = new google.maps.places.Autocomplete(input);
$('#q').val('Rome, ').focus();
// how to open suggestions box ?

Answer 1

通过js或jQuery不可能这样做，因为事件触发函数的实用性与触发本机DOM事件不同。

这个Fiddle显示了本机DOM事件和jQuery事件触发器之间的区别，您将看到执行代码和单击链接之间的区别。

同样在这个Fiddle中，我通过更改'Rome, '来更新您的代码，以便它模拟按键操作，但它没有做任何更改，但是当您点击某个键时它可以正常工作。

您也可以查看这些链接：

自动设置输入值并打开建议 - Google自动填充功能

1 个答案: