我有一个文本输入和一个按钮(见下文)。我如何使用JavaScript触发按钮的点击事件时，进入键按下文本框内?
在我的当前页面上已经有一个不同的提交按钮，所以我不能简单地将该按钮设置为提交按钮。并且，我只想让Enter键单击这个特定的按钮，如果它是从这个文本框中按下，没有其他。
<input type="text" id="txtSearch" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />
当前回答
onkeydown="javascript:if (event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) {document.getElementById('btnSearch').click();}};"
这只是我从一个最近的项目…我在网上找到的，我不知道在普通的JavaScript中是否有更好的方法。
其他回答
由于还没有人使用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的整洁。
请注意，可能有必要确保它在<form>之外，因为当我将这些元素括在其中时，按Enter键提交了表单并重新加载了页面。我眨眼间就发现了。 附录:由于@ruffin的注释，我添加了缺少的事件处理程序和preventDefault，以允许这段代码(大概)也可以在表单中工作。(我将对此进行测试，然后删除括号中的内容。)
不过，我非常确定，只要表单中只有一个字段和一个提交按钮，按回车键就应该提交表单，即使页面上还有另一个表单。
然后你可以用js在提交时捕获表单，并做任何你想要的验证或回调。
试一试:
<input type="text" id="txtSearch"/>
<input type="button" id="btnSearch" Value="Search"/>
<script>
window.onload = function() {
document.getElementById('txtSearch').onkeypress = function searchKeyPress(event) {
if (event.keyCode == 13) {
document.getElementById('btnSearch').click();
}
};
document.getElementById('btnSearch').onclick =doSomething;
}
</script>
将按钮设置为submit元素，这样它就会自动执行。
<input type = "submit"
id = "btnSearch"
value = "Search"
onclick = "return doSomething();"
/>
请注意，您需要一个包含输入字段的<form>元素来完成此工作(感谢Sergey Ilinsky)。
重新定义标准行为并不是一个好的实践，Enter键应该总是调用表单上的提交按钮。
你可以使用的一个基本技巧，我还没有看到完全提到。如果你想在Enter上做一个ajax动作，或者其他一些工作，但不想实际提交表单，你可以这样做:
<form onsubmit="Search();" action="javascript:void(0);">
<input type="text" id="searchCriteria" placeholder="Search Criteria"/>
<input type="button" onclick="Search();" value="Search" id="searchBtn"/>
</form>
像这样设置action="javascript:void(0);"本质上是防止默认行为的快捷方式。在这种情况下，无论您是按回车键还是单击按钮，都会调用一个方法，并调用ajax来加载一些数据。
