我有一个文本输入和一个按钮(见下文)。我如何使用JavaScript触发按钮的点击事件时，进入键按下文本框内?
在我的当前页面上已经有一个不同的提交按钮，所以我不能简单地将该按钮设置为提交按钮。并且，我只想让Enter键单击这个特定的按钮，如果它是从这个文本框中按下，没有其他。
<input type="text" id="txtSearch" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />
当前回答
在jQuery中，你可以使用event.which==13。如果你有一个表单，你可以使用$('#formid').submit()(将正确的事件监听器添加到该表单的提交中)。
$ (' # textfield ') .keyup(函数(事件){ 如果(event.which = = 13) { $(" #提交”).click (); ｝ })； $(" #提交”).click(函数(e) { 如果($ (' # textfield ') .val () .trim () . length) { alert(“提交!”); }其他{ alert(“字段不能为空!”); ｝ })； < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <标签= >“文本框” 输入文本:> < /标签 <input id="textfield" type="text"> <按钮id = "提交" > 提交 < /按钮>
其他回答
对于jQuery移动，我必须做:
$('#id_of_textbox').live("keyup", function(event) {
if(event.keyCode == '13'){
$('#id_of_button').click();
}
});
不过，我非常确定，只要表单中只有一个字段和一个提交按钮，按回车键就应该提交表单，即使页面上还有另一个表单。
然后你可以用js在提交时捕获表单，并做任何你想要的验证或回调。
没有人注意到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"
onkeydown = "if (event.keyCode == 13)
document.getElementById('btnSearch').click()"
/>
<input type = "button"
id = "btnSearch"
value = "Search"
onclick = "doSomething();"
/>
这在情况下，你也想拨号进入按钮从发布到服务器和执行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();" />
