텍스트 영역에 Enter 키를 누른 후 Shift 키를 누른 상태에서 Enter 키를 누르면 값이 다음 줄로 이동합니다.

Question

대화 상자 (텍스트 영역)를 갖고 싶습니다. 사용자가 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

나는 이것에 대해 전에 대답했다. 캐럿이 텍스트 영역의 끝이 아닌 경우는 조금 까다로운 :

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