在文本区域上按Enter键时如何提交表单？

Question

我想通过单击地球上任何键盘上的Enter键，在文本区域中提交内容，如下所示。 当用户按下Shift+Enter键时，插入符号必须转到新行，并且在Enter ，提交的文本区域内容应具有按下Shift+Enter时创建的新行。 textarea的内容应在div之后插入带有commentWrap类的commentWrap但最后提交的注释应出现在最后，反之亦然。

我希望该解决方案能在所有浏览器中使用。

<div class="commentWrap"></div>

<textarea id="test"></textarea>

<script type="text/javascript">
    $(document).ready(function() {
        $("#test").keypress(function(e) {
            var textVal = $(this).val();
            if(e.which == 13 && e.shiftKey) {
                //What should I really do here
            }
            else if (e.which == 13 && ! e.shiftKey) {
                e.preventDefault(); //Stops enter from creating a new line
                //this.form.submit(); //or ajax submit
                if (this.value ==="") {
                    alert("Hey punk! Put some text before you hit enter.");
                }else {
                    alert(textVal);
                    $("<div class='comment'>"+ textVal +"</div>").insertAfter('.commentWrap');
                }
            }
        });
    });
</script>

Answer 1

//我应该在这里真正做什么

我认为，如果按下shift + enter，所有浏览器都不会插入新行，因此您可以返回true；

Answer 2

如果您已经具有用于提交表单的提交按钮，则只需触发点击处理程序即可。

    $("#submitButton").click();