jquery使用按钮提交还是输入？答案

【问题标题】：jquery submit using button or enter?jquery使用按钮提交还是输入？
【发布时间】：2016-10-19 08:31:57
【问题描述】：

我的表单上有一个输入字段和一个按钮，目前我使用该按钮开始搜索。

如果用户在表单字段上按“Enter”，我可以使用按钮吗？

这是搜索输入框和按钮：

<input id='search' name='search' />
<input type='button' name='find' id='find' value='Find'>

这是我用于按钮的 Jquery。

$('body').on('click', '#find', function(){

如何在搜索字段中添加回车键？

谢谢

【问题讨论】：

你必须做2个功能，1个点击，2个按键(13(enter))
How to detect pressing Enter on keyboard using jQuery?的可能重复
This might help

标签： jquery bind enter

【解决方案1】：

这适用于按钮并按“输入”

<form id="myForm">
    <input id='search' name='search' />
    <input type='submit' value='Find'>
</form>

$("#myForm").submit(function( event ) {
  event.preventDefault();
// your code here
});

【讨论】：

【解决方案2】：

你可以使用keypress函数：

$("#search").keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

【讨论】：

【解决方案3】：

试试

$('body').on('keypress', '#search', function(e) {
    if (e.which == 13) {
      alert('enter');
    //do stuff
    }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id = "search">

【讨论】：

【解决方案4】：

使用以下javascript 代码检查 Enter 键是否被按下

document.onkeydown = function(e) {
   var keyCode = (e.keyCode ? e.keyCode : e.which);
   if (keyCode == 13) {
      //it means that enter key is pressed now you can do your search functionality here
   }
}

【讨论】：