텍스트 영역에 "Enter"키를 만드는 방법 양식을 제출하십시오

Question

명백한 이유로 텍스트 대신 텍스트 영역을 사용하는 채팅이 있습니다. 이것이 회원들이 ENTER를 누를 때마다 메시지를 보내는 대신 줄 바꿈을하는 이유입니다. 나는 이것을 바꾸고 싶다. 그래서 ENTER를 누를 때마다 = 메시지를 제출하고 커서는 다음 메시지 입력을 위해 textarea로 돌아 간다. 나는이 사이트에서 발견 된 다른 코드를 시도해 봤는데, 대부분의 didnt 작업과 무언가를 한 것처럼 보인 사람들은 페이지를 새로 고치기 만하고 나는 빈 페이지가있다.

내 코드 :

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

당신의 시간 주셔서 대단히 감사합니다.

Answer 1

내가 jQuery를 함께 작업을 수행하는 방법에 대한 예제와 keypress 기능과 which 재산으로 jsfiddle을 만들었습니다 가능하다면.

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

글쎄, 당신이 간단한 사용자의 입력 필드에 리스너 것 jQuery를 사용하고 랬 :

이

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

당신의 HTML 헤드에서이 추가 : < 전에 바닥 글에

/몸 >

하지만 js 또는 jquery가 질문에서 벗어난 경우 질문을 업데이트하여 구체적으로 제외하십시오. http://jsfiddle.net/GcdUE/는이보다 더 많은 요구를 정확히 확인

하지, 그래서 더 질문을 지정하십시오

Answer 3

사용 <input type=text> 대신 <textarea>. 그러면 훨씬 더 좋은 기회가 생깁니다. textarea에서 Enter 키를 누르면 문자가 아닌 텍스트가 줄 바꿈된다는 의미입니다.

Answer 4

이 (제출 이동 ENTER하지만, SHIFT + 새 줄을 이동 Enter 키를 누르면.

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