我有一个文本输入和一个按钮(见下文)。我如何使用JavaScript触发按钮的点击事件时，进入键按下文本框内?
在我的当前页面上已经有一个不同的提交按钮，所以我不能简单地将该按钮设置为提交按钮。并且，我只想让Enter键单击这个特定的按钮，如果它是从这个文本框中按下，没有其他。
<input type="text" id="txtSearch" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />
当前回答
你可以使用的一个基本技巧，我还没有看到完全提到。如果你想在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来加载一些数据。
其他回答
使用按键和事件。键=== "进入"与现代JS!
const textbox = document.getElementById("txtSearch");
textbox.addEventListener("keypress", function onEvent(event) {
if (event.key === "Enter") {
document.getElementById("btnSearch").click();
}
});
Mozilla文档
支持的浏览器
在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（） { 警报（“按钮代码已执行。 }); <script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> 用户名：<输入 id=“用户名” 类型=“文本”><br> 密码： <输入 id=“pw” 类型=“密码”><br> <按钮 id=“我的按钮”>提交</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（）; } }); 功能按钮代码（） { 警报（“按钮代码已执行。 } <script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> 用户名：<输入 id=“用户名” 类型=“文本”><br> 密码： <输入 id=“pw” 类型=“密码”><br> <button id=“myButton” onclick=“buttonCode（）”>提交</button>
这是为所有YUI爱好者提供的解决方案:
Y.on('keydown', function() {
if(event.keyCode == 13){
Y.one("#id_of_button").simulate("click");
}
}, '#id_of_textbox');
在这种特殊情况下，我确实使用YUI来触发已注入按钮功能的DOM对象有更好的结果——但这是另一个故事……
将按钮设置为submit元素，这样它就会自动执行。
<input type = "submit"
id = "btnSearch"
value = "Search"
onclick = "return doSomething();"
/>
请注意，您需要一个包含输入字段的<form>元素来完成此工作(感谢Sergey Ilinsky)。
重新定义标准行为并不是一个好的实践，Enter键应该总是调用表单上的提交按钮。
这在情况下，你也想拨号进入按钮从发布到服务器和执行Js脚本。
<input type="text" id="txtSearch" onkeydown="if (event.keyCode == 13)
{document.getElementById('btnSearch').click(); return false;}"/>
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />
