Prześlij wartość po naciśnięciu klawisza Enter w obszarze tekstowym i naciśnięcie klawisza Shift + Enter powinno przejść do następnego wiersza.

Question

Chcę mieć okno czatu (textarea), w którym jeśli użytkownik naciśnie klawisz Enter, powinien przesłać czat, a jeśli użytkownik kliknie Shift + Enter, powinien wejść w nową linię.

Próbowałem czegoś, ale nie byłem w stanie znaleźć dokładnego klucza ani słowa kluczowego. Kod używam w tej chwili jest:

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

jsFiddle

Również chcę, aby uzyskać \n w miejscu, kiedy wprowadzić znak + Shift jest wciśnięty.

EDIT

Problem z mojego kodu jest: -

kiedy jestem sprawdzić zawartość na kliencie za pomocą za pomocą alertu to pokazuje następny wiersz. Ale kiedy go zamieszczam, moje szyny się kończą. Następnie jest to prosty ciąg. Nie ma nic nowego.

Tak właśnie wysyłam czaty do serwera szyny.

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

Answer 1

Odpowiedziałem już na to. Jest to trochę trudne, jeśli karetka nie jest na końcu pola tekstowego:

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

Rozważ użycie zdarzenia przyciśnięcie zamiast. Jeśli uruchomisz kod w jsfiddle, zobaczysz, że nowa linia nie zostanie dodana po naciśnięciu 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");   
    }  
});