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

Question

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

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

这是搜索输入框和按钮：

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

这是我用于按钮的 Jquery。

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

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

谢谢

Answer 1

您可以使用keypress函数：

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

Answer 2

尝试

$('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">

Answer 3

检查回车键是否按下使用以下javascript代码

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
   }
}

Answer 4

这适用于按钮并按下 "enter"

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

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

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

jquery submit using button or enter?

jquery

bind

enter