在 textarea 中按 Enter 并按 Shift+Enter 时提交值应该转到下一行

Question

我想要一个聊天框（textarea），如果用户按 Enter 则它应该提交聊天，如果用户按 Shift+Enter 则它应该在一个新行中输入。

我尝试了一些东西，但无法弄清楚确切的 keyup 或 keydown 东西。我现在使用的代码是：

$("textarea").keydown(function(e){
    if (e.keyCode == 13 && !e.shiftKey)
    {
        e.preventDefault();
    }
}); 

jsFiddle

我还想在按下 Enter+Shift 键时获得\n。

编辑

我的代码的问题是：-

当我使用警报检查客户端上的内容时，它会显示下一行。但是当我发布它时，我的导轨后端。然后它只是一个简单的字符串。没有新线的东西。

这就是我将聊天发送到 Rails 服务器的方式。

  $.post("/incomingchat", { body:$("#chat_" + group_id).val() },
   function(data){
        // do something..
    });

Answer 1

我以前回答过这个问题。如果插入符号不在文本区域的末尾，那就有点棘手了：

How do I detect "shift+enter" and generate a new line in Textarea?

Answer 2

$("textarea").keydown(function(e)
{
    if (e.keyCode == 13)
    {
        if (e.shiftKey) {
            $(this).val( $(this).val() + "\n" );
        }
        else {
            submitTheChat();
        }
    }
});

Answer 3

考虑改用按键事件。如果你在jsfiddle中运行代码，你会看到你回车时没有添加新行。

$("textarea").keypress(function(e){
    if (e.keyCode == 13 && !e.shiftKey)
    {        
        e.preventDefault();
        //now call the code to submit your form
        alert("just enter was pressed");
        return;
    }

    if (e.keyCode == 13 && e.shiftKey)
    {       
        //this is the shift+enter right now it does go to a new line
        alert("shift+enter was pressed");        
    }    
});