我有一个文本输入和一个按钮(见下文)。我如何使用JavaScript触发按钮的点击事件时，进入键按下文本框内?
在我的当前页面上已经有一个不同的提交按钮，所以我不能简单地将该按钮设置为提交按钮。并且，我只想让Enter键单击这个特定的按钮，如果它是从这个文本框中按下，没有其他。
<input type="text" id="txtSearch" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />
当前回答
对于那些可能喜欢简洁和现代js方法的人。
input.addEventListener('keydown', (e) => {if (e.keyCode == 13) doSomething()});
其中input是包含input元素的变量。
其他回答
document.onkeypress = function (e) {
e = e || window.event;
var charCode = (typeof e.which == "number") ? e.which : e.keyCode;
if (charCode == 13) {
// Do something here
printResult();
}
};
这是我的意见。我正在为Windows 8开发一个应用程序，并希望按钮在我按Enter键时注册一个单击事件。我在JS中做这个。我尝试了一些建议，但都有问题。这工作得很好。
将按钮设置为submit元素，这样它就会自动执行。
<input type = "submit"
id = "btnSearch"
value = "Search"
onclick = "return doSomething();"
/>
请注意，您需要一个包含输入字段的<form>元素来完成此工作(感谢Sergey Ilinsky)。
重新定义标准行为并不是一个好的实践，Enter键应该总是调用表单上的提交按钮。
没有人注意到html属性“accesskey”已经有一段时间了。
这是一个没有javascript的方式来键盘快捷键的东西。
MDN上的accesskey属性快捷方式
故意这样使用的html属性本身就足够了，但是我们可以根据浏览器和操作系统改变占位符或其他指示符。该脚本是一个未经测试的草稿方法，以提供一个想法。您可能想要使用一个浏览器库检测器，比如小浏览器器
让客户知道。 linux =客户。indexOf(linux) > -1， isWin =客户。索引(“windows”> -1， “苹果”> -1， isFirefox =客户索引= -1， 网络工具=客户，索引(“网络工具”)> -1， (歌剧)> -1， 输入=文档。getElementById(“guest输入”); 如果(isFirefox) { 输入。setAttribute(“placeholder”、“ALT + SHIFT + Z”); 否则如果 输入。setAttribute (placeholder”、“ALT + Z”); 否则如果(isMac) 输入。setAttribute(“placeholder”、“CTRL + ALT + Z”); 否则 输入。setAttribute(“placeholder”、“SHIFT +逃亡- > Z”); 否则我就得操作… <输入类型=“文本”id=“guest输入”“accesskey”placeholder=“Acces快捷方式:”></输入>
试一试:
<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>
那就把它编码进去!
<input type = "text"
id = "txtSearch"
onkeydown = "if (event.keyCode == 13)
document.getElementById('btnSearch').click()"
/>
<input type = "button"
id = "btnSearch"
value = "Search"
onclick = "doSomething();"
/>
