php - Javascript/html 用返回键提交表单？

Question

我有一个在单击提交时执行 javascript 的表单。当使用返回键 (13) 时，我似乎无法弄清楚如何做同样的事情。

HTML：（注意 MakeRequest() 是一个 JS 方法，它在另一个 php 页面上执行请求并将结果返回给 JSresult。）

<form name="SearchForm">
Name: <input type = "text" name = "Name" id="Search"
placeholder="Search stuff here...">
<button type="button" id "Request" onClick="MakeRequest()"">Search</button>

</form>
div id="JSresult">
</div>

Answer 1

将您的按钮替换为提交输入并将函数移动到表单 onSubmit，而不是按钮 onClick ：

<form name="SearchForm" onSubmit="MakeRequest();">
    Name: <input type = "text" name = "Name" id="Search" placeholder="Search stuff here..." />
    <input type="submit" id="Request" value="Search" />
</form>

Answer 2

这是一种不引人注目的方法，应该可以解决问题：

<script>
    window.onload = function(){
        document.getElementById("Search").onkeydown = function(e){
            key = (e.keyCode) ? e.keyCode : e.which;
            if(key == 13) {
                document.getElementById("Request").click();
            }
        };
    };
</script>

只需将其复制到head您的 HTML 文件中即可。