javascript - 使用输入框启动谷歌搜索

Question

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

我希望通过两种方式启动搜索查询： 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>

提前致谢！

Answer 1

以下应该工作，

在输入上添加按键处理程序并检查事件 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);}" />