在文本區域上按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();