如何将按钮连接到没有forms的输入？ 我希望用户能够使用回车键

所以我不认为在这个输入字段上使用表单标记（导致每个后端人员的bug）

当选择/激活输入以激活提交时，我如何能够允许用户使用回车键？

用户可以手动点击添加组提交按钮，或者他们可以单击选项卡，但他们不能只输入点击:(

表格

 add group <!----> 

jQuery的

 $('#btn_join_group').unbind('click').bind("click", function(event) { var newGroup = $('#group-code').val(); // Send Group code to server WHOAT.networking.getToServerWithAjax('/groups/join', newGroup, function (response) { var res = JSON.parse(response); if (res.result === 'success') { notification.setStatusAndFadeStatus(response); } else if (res.result === 'error') { notification.setStatusAndFadeStatus(response); } }); }); 

Answer 1

您可以在输入中添加一个监听器，如下所示：

 $('#group-code').keypress( function (e) { if (e.keyCode === 13) sendAjax(); }); 

然后将AJAX块包装在名为sendAjax的函数中。 此代码未经测试，但该想法应该有效。

Answer 2

您可以使用keypress事件

 $('#group-code').on('keypress', function (e) { var keyCode = e.which; if (keyCode == 13) { //Trigger click event $('#btn_join_group').trigger('click'); } }); 

Answer 3

将按键事件添加到输入并检查是否按下回车键是否触发按钮function。

 $('input').on('keypress',function(event){ if(event.keyCode == [the enter key code]) //trigger the button click })