如何在文本框中按回车键时触发HTML按钮？
如何在文本框中按回车键时触发HTML按钮？
提问于 2012-10-18 20:54:52
到目前为止，我所拥有的代码是：
<fieldset id="LinkList">
<input type="text" id="addLinks" name="addLinks" value="http://">
<input type="button" id="linkadd" name="linkadd" value="add">
</fieldset>它不在<form>中，就像在<div>中一样。然而，当我在linkadd中输入一些叫做"addLinks“的东西时，我希望用户能够按Enter并触发"linkadd”button，它将运行一个JavaScript函数。
我该怎么做呢？
谢谢
编辑：我确实找到了这段代码，但它似乎不能工作。
$("#addLinks").keyup(function(event){
if(event.keyCode == 13){
$("#linkadd").click();
}
});回答 12
Stack Overflow用户
回答已采纳
发布于 2012-10-18 20:57:33
$(document).ready(function(){
$('#TextBoxId').keypress(function(e){
if(e.keyCode==13)
$('#linkadd').click();
});
});Stack Overflow用户
发布于 2014-06-16 22:05:30
有一个js-free的解决方案。
将type=submit设置为您想要设置为默认按钮，并将type=button设置为其他按钮。现在在下面的表单中，您可以在任何输入字段中点击Enter，Render按钮就可以工作了(尽管它是表单中的第二个按钮)。
示例：
<button id='close_renderer_button' class='btn btn-success'
title='Перейти к редактированию программы'
type=button>
<span class='glyphicon glyphicon-edit'> </span> Edit program
</button>
<button id='render_button' class='btn btn-primary'
title='Построить фрактал'
type=submit
formaction='javascript:alert("Bingo!");'>
<span class='glyphicon glyphicon-send'> </span> Render
</button>在FF24和Chrome35上测试(formaction是html5功能，但type不是)。
Stack Overflow用户
发布于 2012-10-18 20:57:57
- 用
submit - Be progressive替换progressive，请确保您有一个服务器端版本
- 将您的JavaScript绑定到表单的
submit处理程序，而不是按钮
的click处理程序<代码>G212
在字段中按enter将触发表单提交，并触发提交处理程序。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12955222
复制相关文章
相似问题
腾讯云开发者
