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

Question

可能重复：
jQuery HTML5 语音输入

我想为我的网站创建一个搜索引擎，它将使用语音识别、x-webkit-speech 代码，但问题是我想要用户说出查询并且它识别它必须自动搜索当前用户必须按下搜索按钮或点击回车按钮，我正在使用以下代码：-

<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>

你能告诉我我需要添加什么以及在哪里

Answer 1

我建议您使用 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();
    });
});