如何使用带有Chrome语音输入的jQuery UI自动完成功能

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

只需将其绑定到webkitspeechchange事件，例如：

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

jsFiddle