1

我有一个文本框和一个按钮

<div class="TextField Large">
    <input type="text" name="q" id="SearchBox" />
</div>
<div style="height: 40px; text-align: right; position: absolute; top: 0px; right: 0px;">
    <input type="button" value="Search" class="Button" onclick="Search()" />
</div>

基本上你在文本框中输入一个文本，当你点击搜索按钮时，一个 JavaScript 函数Search()被调用。

如何添加当用户输入文本并在键盘上按“Enter”时执行搜索的可能性？

4

4 回答 4

2

首先：添加一个表单（无论 JavaScript 做什么，它都应该有一个服务器端的后备）。

第二：将按钮更改为提交按钮。

第三：将 JavaScript 移动到表单的提交事件而不是按钮的客户端事件。

于 2012-04-16T11:32:46.643 回答
1 
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function Search(){
    alert("search!");
    //search logic
    return false;
}
</script>
</head>
<body>
    <form onsubmit="return Search()">
        <input type="text" name="q" />
        <input type="submit" value="Search" />
    </form>
</body>
</html>

就这样

于 2012-04-16T11:40:43.950 回答
1

当您的输入在表单中时，输入应自动提交表单，

否则：

$('your form').keyup(function(e) {
  if(e.which == 13) $(this).submit();
});

我建议您将按钮更改为 type="submit" 以使输入功能自动工作，然后在提交事件处理程序中执行 Search() 代码

$('your form').submit(function() {
  // your search code
}
于 2012-04-16T11:33:36.030 回答
0 
$('#textbox').keypress(function(event){
   var keycode = (event.keyCode ? event.keyCode : event.which);
   if(keycode == '13'){
      alert('You pressed a "enter" key in textbox');    
   }
});

希望这会帮助你..

于 2014-07-18T17:13:14.107 回答