javascript - 如何使用 jQuery UI 自动完成 w/Chrome 语音输入

Question

我最近才开始使用 Chrome 中的一个绝妙功能，它允许您将任何输入字段转换为用户可以口述的语音输入。 More info here .

添加此功能本身在 Chrome 中非常简单:

<input type="text" x-webkit-speech="x-webkit-speech" /> <!-- you're all set -->

我想在我网站的主搜索框中实现此功能，它大量使用 jQuery UI 的自动完成小部件...但是，在将口述文本插入输入字段后，我无法让自动完成小部件触发。

我已经尝试过以下变体:

<input id="search-input-box" type="search" x-webkit-speech="x-webkit-speech" onwebkitspeechchange="$('.search-input-box').trigger('autocompleteopen')">

如何在发生语音输入更改事件后触发自动完成“打开”事件？

更新:已解决 - jsFiddle of solution here

Answer 1

绑定(bind)到webkitspeechchange事件即可，eg:

$('#tags').on('webkitspeechchange', function() {
    $('#tags').trigger('autocompleteopen');
});

jsFiddle