Cách tạo khóa "Enter" trong văn bản gửi biểu mẫu

Question

Tôi có một cuộc trò chuyện sử dụng văn bản thay vì văn bản vì lý do hiển nhiên. Đây là lý do tại sao mỗi thành viên nhấn ENTER họ nhận được một dòng mới thay vì gửi tin nhắn. Tôi muốn thay đổi điều này, vì vậy mỗi khi họ nhấn ENTER = tin nhắn sẽ được gửi và sau đó con trỏ để trở về văn bản cho lần gõ tin nhắn tiếp theo của họ. Tôi đã thử các mã khác nhau được tìm thấy trên trang web này, hầu hết các công việc didnt và những người dường như làm một cái gì đó chỉ là làm mới trang và tôi nhận được một trang trống.

Mã của tôi:

<form name="message" action=""> 
    <textarea name="usermsg" autocomplete="off" type="text" id="usermsg" rows="4" cols="30" style="width: 450px; margin-left: 25px;"> 
    </textarea> 
    <br/> 

    <p style="margin-left: 420px;"><input name="submitmsg" type="submit" id="submitmsg" value="Send" /></p> 
</form> 

Cảm ơn bạn rất nhiều vì thời gian của bạn.

Answer 1

tôi đã tạo ra một jsfiddle với một ví dụ về cách làm điều đó với jQuery và keypress chức năng và which tài sản: http://jsfiddle.net/GcdUE/

Không chắc chính xác những gì bạn đang yêu cầu nhiều hơn thế, vì vậy xin ghi rõ câu hỏi của bạn hơn nữa nếu có thể.

$(function() { 
    $("#usermsg").keypress(function (e) { 
     if(e.which == 13) { 
      //submit form via ajax, this is not JS but server side scripting so not showing here 
      $("#chatbox").append($(this).val() + "<br/>"); 
      $(this).val(""); 
      e.preventDefault(); 
     } 
    }); 
}); 

Answer 2

Vâng, giả như bạn đang sử dụng jquery nó sẽ là một người biết lắng nghe đơn giản trên lĩnh vực đầu vào của bạn:

Trong chân của bạn trước khi </body >:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#usermsg').keypress(function(e){ 
     if(e.which == 13){ 
      // submit via ajax or 
      $('form').submit(); 
     } 
    }); 
}); 
</script> 

Trong đầu html của bạn thêm này:

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script> 

nhưng nếu js hoặc jquery nằm ngoài câu hỏi thì có thể cập nhật câu hỏi của bạn để loại trừ đặc biệt câu hỏi đó.

Answer 3

Sử dụng <input type=text> thay vì <textarea>. Sau đó, bạn có nhiều cơ hội tốt hơn. Trong textarea, nhấn Enter được cho là có nghĩa là ngắt dòng trong văn bản, chứ không phải gửi văn bản.

Answer 4

Hãy thử điều này (lưu ý rằng khi bạn nhấn ENTER đi ​​gửi, nhưng SHIFT + ENTER đi ​​dòng mới.

$("#textareaId").keypress(function (e) { 
    if(e.which == 13 && !e.shiftKey) {   
     $(this).closest("form").submit(); 
     e.preventDefault(); 
     return false; 
    } 
});