自动设置输入值并打开建议 - Google 自动完成

Question

我有一个带有谷歌自动完成功能的输入字段。我想用一些默认值填充这个字段，聚焦输入并自动打开输入下方的预测框。

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

所以我想知道是否有办法触发使自动完成框出现的事件。

我有以下示例代码：

<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, ' 更新了您的代码，以便它模拟击键但它没有做任何更改，但是当您按下一个键时它会起作用。

您也可以查看这些链接：

• http://forum.jquery.com/topic/fire-click-event
• https://github.com/jquery/jquery/blob/master/src/event.js#L232-379
• Trigger the jQuery's keypress event on an input text