본문 바로가기

Server Oriented/Java & JSP

onkeypress 이벤트 event.keyCode 를 이용하여 입력란에 Enter 엔터 입력시 검색하기


<form name="..." method="post" onKeyPress="if(event.keyCode=='13') ...">
  <input name="..." type="text" onKeyPress="if(event.keyCode=='13') ..." />
</form>

jQuery 로, 모든 엔터 입력시 무시하게 하는 코드
$(document).ready(function(){
  $(document).keypress(function(e){
    if(e.keyCode==13) return false;
  });
});


이거 골치 많이 아파요, 의외로..


o onSubmit 이 안 되게 하려면, input 태그에서 type 을 image 나 submit 을 쓰지 말아야 한다는 것...
   또는 form 태그의 onsubmit 에 return false 라 하면 된당.
   <form onsubmit="return false">

o Enter 엔터가 먹게 하려면,

  form 태그 옵션에 onSubmit 을 사용.
  아니면, 검색 이미지를 img 가 아니라 input 으로 사용.
  input 타입을 button 으로 하면 엔터가 먹지 않음.