使用输入框启动Google搜索

时间:2013-07-31 13:13:18

标签: javascript search submit enter

我遇到的问题是:我有一个输入框和一个提交按钮,我想用它来启动谷歌搜索查询。

我希望通过两种方式启动搜索查询: 1.按提交按钮 2.按输入框中的Enter键

现在我可以在表单中执行此操作,但问题是我无法使用表单,因为它在Internet Explorer中与我的网页一起使用。

到目前为止,我已经设法得到1.(按下提交按钮)。但我无法弄清楚2.(按回车)工作。此外,我需要谷歌搜索在新窗口中打开。

<input id="textbox" type="text" placeholder="Search on Google...">
<a id="googleLink" href="notrequired" onclick="this.href='http://www.google.com/search?q=' + encodeURIComponent(document.getElementById('textbox').value);">
    <span>Search</span>
</a>

提前致谢!

1 个答案:

答案 0 :(得分:2)

以下内容应该有效,

在输入上添加一个按键处理程序并检查事件13(输入),并在那里写入重定向逻辑。

<input id="textbox" type="text" placeholder="Search on Google..." onkeydown="if (event.keyCode == 13 || event.which == 13) { location='http://www.google.com/search?q=' + encodeURIComponent(document.getElementById('textbox').value);}" />