如何使用jQuery UI自動完成功能（帶Chrome語音輸入）

我剛剛開始使用Chrome中的漂亮功能，可以將任何輸入字段轉換爲用戶可以指定的語音輸入。 More info here。如何使用jQuery UI自動完成功能（帶Chrome語音輸入）

添加這個功能本身是死簡單的Chrome：

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

我要實現我的網站的主要搜索框，這在很大程度上利用jQuery用戶界面的自動完成構件這個功能...可是我做不到將口述文本插入輸入字段後，啓動自動填充小部件。

我已經嘗試了以下的變化：

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

我如何可以觸發自動完成語音輸入變化事件後的「開放」事件發生？

UPDATE：解決 - jsFiddle of solution here

來源

2012-11-21 adamb

這很奇怪。你的作品用我的麥克風很好。我開始說話，一旦完成，它會打開自動完成。但下面的答案也應該解決您的問題，任何人都沒有得到自動完成。 –

也許結果取決於Chrome的版本？ – adamb

可能是，我正在使用谷歌瀏覽器版本23.0.1271.64 –

只要將其綁定到webkitspeechchange事件，如：

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

jsFiddle

來源

2012-11-21 17:26:34

確定我已經嘗試過，沒有成功。謝謝！ – adamb

如何使用jQuery UI自動完成功能（帶Chrome語音輸入）

回答

相關問題