Question

这让我发疯了。我正在建立一个页面来搜索Wikipedia，所以我有一个简单的搜索表单。我想捕获按下键盘上的Enter键的用户，而不是用鼠标单击搜索按钮，并且我尝试对具有相同查询的人的答案（即捕获Enter键）建议的所有内容（我认为），而不是单件作品。不是一个。我在做什么错，应该使用什么代码？预先感谢

HTML

<form id="theForm" class="searchForm centercontent">
<input type="search" name="search" value="" id="searchTerm" placeholder="search Wikipedia">
<button type="button" name="searchButton" id="btnSearch"><i class="fas fa-search"></i></button>
</form>

我分别尝试了所有这些方法（其中有些没有意义，但我很绝望）

$('#searchTerm').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$('.searchTerm').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$(document).keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$('.searchForm').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$(form).keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$('#searchForm').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$(input).keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$('.search').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$('#search').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});

Answer 1

您需要更改按钮类型才能提交

<button type="submit" name="searchButton" id="btnSearch"><i class="fas fa-search"></i></button>

这样，您无需检查Enter键，它将自动激活

测试按下ENTER键以提交表单

1 个答案: