[JQuery] Enter Event 처리하기 (which, keyup, keydown)

1. keyup : 누른 키에서 손을 뗄 때 실행시켜 준다.

$("#아이디명").keyup(function(e){
 if(e.which == 13){
   // 호출할 함수나 기능 작성
  }
});

2. keydown : 키보드에 어떠한 키가 눌릴때 실행된다.

$("input[name=name명]").keydown(function(e) {
  if(e.which == 13){
   // 호출할 함수나 기능 작성
  }
});

which 대신 keyCode로도 실행이 가능하다.

 

 

$(document).keyup(function(e) {
   // focus 되고 enter눌렀을 경우 
   if ($(".클래스명").is(":focus") && e.key == "Enter") {
      // 호출할 함수나 기능 작성
   }
});

$(document).keyup(function (e) {
   // focus 되고 enter눌렀을 경우 
   if ($(".input1:focus") && (e.key == "Enter")) {
     // 호출할 함수나 기능 작성
   }
});

요즘은 이런 방식으로도 많이 사용된다.