在Enter键上提交搜索？

Question

当有人按下“ enter”键时，提交此表格需要做什么？

<form id="search" onsubmit="javascript:search(document.getElementById('searchText'))">
  <input type='text' id='searchText' autofocus />
  <input type='button' onclick="search(document.getElementById('searchText'))" value='Search' />
</form>

Answer 1

您可以只使用如下形式的表单，输入类型为Submit，在这种情况下，如果您在任何输入中按Enter键-如果您有更多输入-这将是要提交的表单的默认行为：

<form id="search">
  <input type='text' id='searchText' />
  <input type='submit' value='Search' />
</form>

或者，如图所示，您想要使用onsubmit函数并处理表单的“提交”，因此您可以执行以下操作：

<form id="search" action="#">
    <input type="text" id='searchText' name="myinput" onkeypress="handle" />
</form>

<script>
    function handle(e){
        if(e.key === "Enter"){
            alert("Enter was just pressed.");
        }

        return false;
    }
</script>

在这个类似的问题上可以找到完全相同的代码：如何捕获Enter键？

希望我什至没有时间回答您的问题。