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

Question

我最近刚刚开始使用 Chrome 中的一个漂亮功能，它允许您将任何输入字段转换为用户可以口述的语音输入。更多信息在这里。

在 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

Answer 1

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

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

jsFiddle