测试按回车键提交表单

Question

这快把我逼疯了。我正在构建一个用来搜索wikipedia的页面，所以我有一个简单的搜索表单。我想捕获用户在键盘上按回车键而不是用鼠标单击搜索按钮，并且我已经尝试了回答具有相同查询(即捕获回车键)的人的所有建议(我认为)，但没有一件事起作用。一个也没有。我做错了什么，我应该使用什么代码？提前感谢

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

您需要将按钮类型更改为submit

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

这样你就不需要检查回车键了，它会自动激活