Bir textarea'da "Enter" tuşu nasıl oluşturulur

Question

Açık metinler nedeniyle metin yerine textarea kullanan bir sohbetim var. Bu yüzden üyeler ENTER tuşuna bastığında, mesajı göndermek yerine yeni bir satır alırlar. Bunu değiştirmek istiyorum, bu yüzden her girdiklerinde ENTER = gönderilecek mesaj ve daha sonra imleç bir sonraki mesaj yazımı için textarea'ya dönecekler. Bu sitede bulunan farklı kodları denedim, çoğu işe yaramadı ve bir şeyler yapmak için görünenler sadece sayfayı tazeliyordu ve boş bir sayfa aldım.

Kodum:

<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> 

zaman için size çok teşekkür ederim.

Answer 1

jQuery ile nasıl yapılacağına ilişkin bir örnek ve keypress fonksiyonu ve which özelliğe sahip bir jsfiddle yarattık Eğer mümkünse.

$(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

Eh, basit bir girişinizi sahada dinleyici olacağını jquery kullanarak edildi varsayarak:

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

html kafası bu ekleyin:: < önce altbilgisinde

/beden >

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

ancak js veya jquery söz konusu değilse, belki de özel olarak hariç tutmak için sorunuzu güncelleyin. http://jsfiddle.net/GcdUE/ Bundan daha fazlasını talep ediyorlar tam olarak ne olduğundan emin

değil, bu yüzden daha da sorunuzu lütfen belirtin:

Answer 3

Kullanım <input type=text> yerine <textarea>. O zaman çok daha iyi şansınız var. textarea'da, Enter'a basmak metnin gönderilmemesi, metinde satır sonu olması anlamına gelir.

Answer 4

bu (Gönderdiğiniz gitmek ENTER ama SHIFT + yeni bir satır gitmek ENTER tuşuna bastığınızda.

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