如何使用ENTER键提交表单

Question

我正在尝试设计具有输入字段和提交按钮的群集布局。当我键入文本并单击输入按钮时，一切正常。但是我想为此使用ENTER键...

我的意思是下面尝试了两个按钮（输入键和提交按钮）中的一个动作

$(document).ready(function(){
    $('editor').bind('keydown',function(event){
        var keyCode= (event.keyCode ? event.keyCode :
           (event.which ? event.which : event.charCode));
        if(keyCode==13){
            document.getElementById('update').click();
            return false;
        }else{
            return true;
        }
    });
});

对于上面的代码，在按键上没有任何操作，并且在控制台中没有错误，这是我的整个代码-https: //pastebin.com/NbwEJQGX有人可以建议我一些解决此问题的方法吗？？？

Answer 1

$("input").keypress(function(event) {
    if (event.which == 13) {
        //do stuff
    }
});

看到此代码的按钮单击

$( "button" ).click(function() {
    //do stuff for button click
});

Answer 2

    $("input").keyup(function(e){                            
       if(e.which == 13){ 
         $("#form").submit(); 
       } 
    });

Answer 3

您也可以在输入中调用该函数

<input id="example" type="text" onkeypress="functionName(event, 0)" />
<input id="example" type="button" onclick="functionName(event, 1)" />

function functionName(e, n) {
if (e.keyCode == 13 || n == 1) {
   //do stuff
}
}

Answer 4

这应该工作

$(document).ready(function(){
     $(document).keypress(function(e) {
          if(e.which == 13) {
               $( /*  Your form here   */).submit();
               return false;
          }
     });

     $(/*    Where to click     */).click(function(){
           $( /*  Your form here   */).submit();
               return false;
           });
});

Answer 5

我建议添加一个类各自的输入字段。 然后按类捕获事件，因为您可能有多个字段，希望在提供某些值后在其中提交表单。

<input type="text" class="entr"/>
<input type="text" class="entr"/>

$('.entr').keypress(function(e){
    if (e.keyCode == 13) {
        $('#editorForm').submit();
    }
});