我有一个文本输入和一个按钮（见下文）。当在文本框中按下键时，如何使用 JavaScript触发按钮的单击事件Enter？
我的当前页面上已经有一个不同的提交按钮，所以我不能简单地将该按钮设为提交按钮。并且，我只希望Enter在这个文本框中按下该键时单击该特定按钮，别无其他。
<input type="text" id="txtSearch" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />
在 jQuery 中，以下内容将起作用：
$("#id_of_textbox").keyup(function(event) {
if (event.keyCode === 13) {
$("#id_of_button").click();
}
});
$("#pw").keyup(function(event) {
if (event.keyCode === 13) {
$("#myButton").click();
}
});
$("#myButton").click(function() {
alert("Button code executed.");
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Username:<input id="username" type="text"><br>
Password: <input id="pw" type="password"><br>
<button id="myButton">Submit</button>或者在普通的 JavaScript 中，以下内容将起作用：
document.getElementById("id_of_textbox")
.addEventListener("keyup", function(event) {
event.preventDefault();
if (event.keyCode === 13) {
document.getElementById("id_of_button").click();
}
});
document.getElementById("pw")
.addEventListener("keyup", function(event) {
event.preventDefault();
if (event.keyCode === 13) {
document.getElementById("myButton").click();
}
});
function buttonCode()
{
alert("Button code executed.");
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Username:<input id="username" type="text"><br>
Password: <input id="pw" type="password"><br>
<button id="myButton" onclick="buttonCode()">Submit</button>然后只需输入代码！
<input type = "text"
id = "txtSearch"
onkeydown = "if (event.keyCode == 13)
document.getElementById('btnSearch').click()"
/>
<input type = "button"
id = "btnSearch"
value = "Search"
onclick = "doSomething();"
/>
想通了这一点：
<input type="text" id="txtSearch" onkeypress="return searchKeyPress(event);" />
<input type="button" id="btnSearch" Value="Search" onclick="doSomething();" />
<script>
function searchKeyPress(e)
{
// look for window.event in case event isn't passed in
e = e || window.event;
if (e.keyCode == 13)
{
document.getElementById('btnSearch').click();
return false;
}
return true;
}
</script>
使按钮成为提交元素，因此它将是自动的。
<input type = "submit"
id = "btnSearch"
value = "Search"
onclick = "return doSomething();"
/>
请注意，您需要一个<form>包含输入字段的元素来完成这项工作（感谢 Sergey Ilinsky）。
重新定义标准行为不是一个好习惯，Enter关键应该总是调用表单上的提交按钮。
由于还没有人用过addEventListener，这里是我的版本。鉴于元素：
<input type = "text" id = "txt" />
<input type = "button" id = "go" />
我会使用以下内容：
var go = document.getElementById("go");
var txt = document.getElementById("txt");
txt.addEventListener("keypress", function(event) {
event.preventDefault();
if (event.keyCode == 13)
go.click();
});
这允许您分别更改事件类型和操作，同时保持 HTML 干净。
请注意，确保这在 a 之外可能是值得的，
<form>因为当我将这些元素包含在其中时，按 Enter 提交了表单并重新加载了页面。我眨了几眼才发现。附录：感谢@ruffin 的评论，我添加了缺少的事件处理程序和 a
preventDefault以允许此代码（大概）也在表单内工作。（我将开始对此进行测试，届时我将删除括号内的内容。）