Question

我正在建立一个网站，并且有一个输入，允许用户编写一些文本并在google上搜索。除了用户必须单击搜索按钮使其转到Google之外，我已经可以进行所有操作。

我希望能够按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();}">

使用Enter触发onclick事件

3 个答案: