Gửi giá trị khi nhấn Enter trong vùng văn bản và nhấn Shift + Enter phải đi tới dòng tiếp theo

Question

Tôi muốn có một hộp trò chuyện (textarea) nơi người dùng nhấn Enter, sau đó nó sẽ gửi trò chuyện và nếu người dùng nhấn Shift + Enter nó phải nhập vào một dòng mới.

Tôi đã thử một số thứ nhưng không thể tìm ra khóa chính xác hoặc phím điều khiển chính xác. Mã Tôi đang sử dụng tại thời điểm này là:

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

jsFiddle

Ngoài ra tôi muốn nhận được \n tại chỗ khi Nhập phím Shift + được nhấn.

EDIT

Vấn đề với mã của tôi là: -

Khi tôi kiểm tra các nội dung trên khách hàng sử dụng sử dụng cảnh báo sau đó nó cho thấy dòng tiếp theo. Nhưng khi tôi đăng nó thì đường ray của tôi sẽ kết thúc. Sau đó, nó chỉ là một chuỗi đơn giản. Không có điều gì mới ở đó.

Đây là cách tôi gửi các cuộc trò chuyện đến máy chủ.

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

Answer 1

Tôi đã trả lời câu hỏi này trước đây. Đó là một chút khó khăn nếu caret không phải là ở phần cuối của 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

Xem xét sử dụng các sự kiện bấm phím để thay thế. Nếu bạn chạy mã trong jsfiddle, bạn sẽ thấy rằng một dòng mới không được thêm khi bạn nhấn 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");   
    }  
});