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

Question

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

我尝试了一些东西，但无法弄清确切的keyup或keydown事情。我使用的是目前的代码是：

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

jsFiddle

而且我想回车+ Shift键被按下时，为了获得\n到位。

编辑

我的代码的问题是： -

当我检查使用使用客户端的内容警报就说明下一行。但是当我发布它时，我的导轨就结束了。那么它只是一个简单的字符串。没有新的东西在那里。

这就是我如何发送聊天室的轨道服务器。

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

Answer 1

我已经回答过此问题。这是一个有点棘手，如果插入符号是不是在textarea的结尾：

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中运行代码，则会在按Enter键时看到新行不会被添加。

$("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");   
    }  
});