我有一个文本输入和一个按钮(见下文)。我如何使用JavaScript触发按钮的点击事件时，进入键按下文本框内?
在我的当前页面上已经有一个不同的提交按钮，所以我不能简单地将该按钮设置为提交按钮。并且，我只想让Enter键单击这个特定的按钮，如果它是从这个文本框中按下，没有其他。
<input type="text" id="txtSearch" />
<input type="button" id="btnSearch" value="Search" onclick="doSomething();" />
当前回答
在Angular2:
(keyup.enter)="doSomething()"
如果您不希望按钮中有一些视觉反馈，那么不引用按钮而是直接调用控制器是一个很好的设计。
另外，id也不需要——这是NG2分离视图和模型的另一种方式。
其他回答
在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 = "提交" > 提交 < /按钮>
在现代，undeprecated(没有keyCode或onkeydown) Javascript:
<input onkeypress="if(event.key == 'Enter') {console.log('Test')}">
我算出来了:
<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>
我的可重用Vanilla JS解决方案。因此，您可以根据激活的元素/文本框来更改点击哪个按钮。
<input type="text" id="message" onkeypress="enterKeyHandler(event,'sendmessage')" />
<input type="button" id="sendmessage" value="Send"/>
function enterKeyHandler(e,button) {
e = e || window.event;
if (e.key == 'Enter') {
document.getElementById(button).click();
}
}
这在情况下，你也想拨号进入按钮从发布到服务器和执行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();" />
