[JQuery] Enter keyup event

keyup은 키를 누른 후 뗀 순간 실행 되는 이벤트이다.

Enter 키의 keyCode는 13으로 아래와 같이 실행 할 경우 Enter를 눌렀을때 각 이벤트가 실행 된다

$('#{id}').on("keyup", (e) => {
   if(e.keyCode == 13) {
      // 검색 필터가 비어있는지 확인
      if($('#filter-input').val().replace(/(\s*)/g, "") == "") {
        // 검색 값 없는 경우 이벤트 처리
      } else {
		// 검색 값이 있는 경우 이벤트 처리
   	  }
});

 

참고자료를 보면 .keyCode는 더이상 사용되지 않는다고 한다.

하지만 사용시 적용은 잘되는것 보니 내가 사용하는 버전에서는 아직 사용 되는 것 같다.

만약 코드가 적용되지 않는다면 .keyCode 대신 e.key === "Enter" 를 사용하면 된다

 

 

$('#{id}').on("keyup", (e) => {
   if(e.key === "Enter") {
      // 검색 필터가 비어있는지 확인
      if($('#filter-input').val().replace(/(\s*)/g, "") == "") {
        // 검색 값 없는 경우 이벤트 처리
      } else {
		// 검색 값이 있는 경우 이벤트 처리
   	  }
});

 

 

참고자료

https://truecode-95.tistory.com/173

[jQuery] enter Event 처리하기 keyCode / key