允许文本框中输入键上的按钮单击功能

Question

在 MVC .NET 中， 我有一个文本框，允许搜索与“按钮”类型的一个按钮相关联（由于功能原因，我无法提交），单击该按钮时会调用一种允许搜索的方法。

当用户在文本框中输入搜索编号并按键盘上的“Enter”键时，我希望调用搜索。

我的@Html.BeginForm() 中没有任何提交按钮

下面是代码

@Html.TextBoxFor(m=>m.SearchNo,new {@class="form-control",@maxlength="12" });

<input type="button" id="btnSearch" value="Search" onclick="search();"/>

我尝试过使用以下方法，但它不起作用：

$("#SearchNo").keyup(function(event){
    if(event.keyCode == 13){
        $("#btnSearch").click();
    }
});

请帮我解决这个问题

Answer 1

您正在尝试使用keyup，但是当用户在键盘上释放一个键时，keyup 事件被发送到一个元素。

您可以使用keypress，当浏览器注册键盘输入时，按键事件被发送到元素。

$("#SearchNo").keypress(function(event){
  if(event.keyCode == 13){
       alert('You pressed enter!');
    $("#btnSearch").click();
  }
});
$("#btnSearch").click(function() { alert("click"); });

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

<input type="button" id="btnSearch" value="Search" />

更新：

在这种情况下，你可以这样调用你的函数search()：

$("#SearchNo").keypress(function(event) {
  if (event.keyCode == 13) {
    alert('You pressed enter!');
    Search();
  }
});

function Search() {
  // your ajax call here.
  alert("hi");
}

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

<input type="text" id="SearchNo">
<input type="button" id="btnSearch" value="Search" onclick="Search();" />