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>

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

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

2 个答案: