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

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

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>

来源

2013-04-14 Decepticon

您是否尝试过使用表单的onsubmit事件？ – Maerlyn

我现在会尝试，someoen只是做了一个答案，它的工作......现在他们已经删除它？ – Decepticon

与提交输入替换您的按钮和移动功能，形成的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>

来源

2013-04-14 21:44:12 Kaloyan

你的最后一个答案有效，但目前的答案不会......在最后的回答中，我现在收到一个表示提交查询而不是搜索的按钮。我如何修改它，因为它不会在任何代码中显示搜索查询？ – Decepticon

固定 - 刚添加价值标签 – Decepticon

这里有一个不显眼的做法，应该做的伎俩：

<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即可。

来源

2013-04-14 21:53:42 faino

谢谢你的回答。虽然我的问题已经得到了回答，但这给了我另一个出色的方法！ – Decepticon

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

回答

相关问题