Jquery 从键盘操作的文本区域提交表单的快捷方式

Jquery 从键盘操作的文本区域提交表单的快捷方式,jquery,html,Jquery,Html,我想通过以下代码提交带有键盘的表单: <form class="article-footnote-form footnote-form" style="margin-top:10px" > <div class="form-group row"> <div class="col-md-9"> <textarea class="form-control" name="footnote" rows="3" autofocus>&

我想通过以下代码提交带有键盘的表单:

<form class="article-footnote-form footnote-form" style="margin-top:10px" >
<div class="form-group row">
    <div class="col-md-9">
        <textarea class="form-control" name="footnote" rows="3" autofocus></textarea>
    </div>
    <div class="col-md-3">
        <button class="btn btn-primary" type="submit" id="articleFootnoteBtn">Add Annotation</button>
    </div>
</div>
</form>
不幸的是,它没有工作,我必须点击提交

我找到了一个很好的解决办法

但是,当更改触发事件时,我应该根据以前的事件更新大量代码


可以使$form.submit在textarea上工作,就像在input type=text上一样?

您可以检查keycode是否为13 enter键,以及键是否为Shift以提交表单

注意:您应该在提交表单之前而不是之后阻止默认操作

添加注释 $textarea.keypressfunction{ ife.which==13&&!e.shiftKey{ e、 防止违约; $‘footnoteForm’。提交; } }; $footnoteForm.SubmitFunction{ 提交表格!; };
 $(".article-footnote-form").submit(function(e){
    e.preventDefault();
$("#textareaId").keypress(function (e) {
    if(e.which == 13 && !e.shiftKey) {        
        $(this).closest("form").submit();
        e.preventDefault();
        return false;
    }
});