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

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

\xe2\x80\x99s 不可能通过 js 或 jQuery 来做到这一点，因为事件触发函数的实际使用与触发本机 DOM 事件不同。

\n\n

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

\n\n

另外，在这个小提琴中，我通过更改更新了您的代码\'Rome, \'，以便它模拟击键，但它没有进行任何更改，但是当您按下某个键时它会起作用。

\n\n

您也可以检查这些链接：

\n\n

\n
• http://forum.jquery.com/topic/fire-click-event
\n
• https://github.com/jquery/jquery/blob/master/src/event.js#L232-379
\n
• 在输入文本上触发 jQuery 的按键事件
\n

\n