css - 如何创建在语音识别后自动搜索的搜索引擎

Possible Duplicate:
jQuery HTML5 Speech Input




我想为我的站点创建一个搜索引擎，该引擎将使用语音识别，x-webkit-语音代码，但是我要的是，只要用户说出查询并且它识别出它必须自动搜索，用户现在就必须按“搜索”按钮或点击输入按钮，我正在使用以下代码：-

<form method="get" action="http://www.mysite.com/search/"> <input type="speech" id="speech" name="i" size="50" x-webkit-speech /> <input type="submit" value="Search" /></form>

你能告诉我我需要补充什么，在哪里

最佳答案

我建议您使用JQuery库：http://jquery.com/

只需将此代码添加到标题中：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

添加然后将此行添加到您的JavaScript文件：

$(document).ready(function()
{
    $('#speech').bind('webkitspeechchange',function()
    {
        $(this).parent('form').submit();
    });
});