본문 바로가기

Web/jQuery

[jQuery] <form> 태그 내에서 엔터키 막기

우선

  • <form> 태그 안에 input 박스가 하나밖에 없을 경우
    • 의미없는 input 박스를 추가한다. 
    • <input type="text" style="display:none;"> 
      <input type="text" placeholder="검색어를 입력하세요.">
  • <form> 태그 안에 <button> 태그가 있을 경우, type="button" 으로 지정했는 지 확인
    • 버튼의 type을 지정하지 않았을 경우 엔터키로 전송되기 때문

name으로 엔터키 막기

$('input[name="txt_input"]').keydown(function() {
    if (event.keyCode === 13) {
        event.preventDefault();
    }
});

<html>
	<input type='text' name='txt_input'>
</html>

id로 엔터키 막기

$('#txt_id').keydown(function() {
    if (event.keyCode === 13) {
        event.preventDefault();
    }
});

<html>
	<input type='text' id='txt_id'>
</html>

 

 

 

 

출처

 

https://haenny.tistory.com/80

 

 

 

 

'Web > jQuery' 카테고리의 다른 글

[jquery] window와 document 의 차이  (0) 2021.05.27
제이쿼리 jQuery 란?  (0) 2021.04.22