使用enter触发onclick事件

Question

我正在建立一个网站，有一个输入，允许用户写一些文本并在谷歌上搜索它。我已经让一切正常工作了，除了用户必须点击搜索按钮才能让它转到谷歌。

我希望能够按enter键并进行搜索。有什么办法吗？

代码：

<img id="google-logo" src="1280px-Google_2015_logo.svg.png">
    <input placeholder="Pesquisar na Web" id="google-search">
    <img src="search.png" id="search-img" value="Submit" onClick="javascript: window.location.replace('http://www.google.com/search?q=' + document.getElementById('google-search').value);">

Answer 1

您可能想要启动一个keydown事件侦听器。只要按下某个键，就会触发此事件。其中一个参数是keyCode。当按下的键的键码等于enter键的键码时，则激发其余的代码。

document.addEventListener("keydown", (e) => {
    if(e.keyCode === 13){
        "execute some code"
    }
});

这应该可以完成这项工作。

Answer 2

这个问题已经在这里得到了回答：Trigger a button click with JavaScript on the Enter key in a text box

或者，将此脚本标记添加到您的html代码：

<script>
document.getElementById("google-search")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("search-img").click();
    }
});
</script>

Answer 3

可能是这样的：

​

<img id="google-logo" src="1280px-Google_2015_logo.svg.png">
<input placeholder="Pesquisar na Web" id="google-search">
<img src="search.png" 
     id="search-img" 
     value="Submit" 
     onClick="javascript: window.location.replace('http://www.google.com/search?q=' + document.getElementById('google-search').value);" 
     onkeydown = "if(event.keyCode == 13){document.getElementById('google-search').click();}">

​