Question

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

我是否可以使用该按钮，如果用户在表单字段中按“Enter”？

这是搜索输入字段和按钮：

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

这是我用于按钮的Jquery。

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

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

由于

Answer 1

这适用于按钮并按下＆＃34;输入＆＃34;

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

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

Answer 2

您可以使用keypress功能：

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

Answer 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">

Answer 4

要检查输入键是否按下使用以下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
   }
}

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

4 个答案: