input 엔터키 입력 감지해서 이벤트 실행하는 방법

1. event.key 사용

const handleKeyUp = (e) => {
	// codes to execute
}

<input
  type="text"
  onKeyUp={(e) => {
      if (e.key === "Enter") handleKeyUp(e);
    }
  }
/>

 

 

2. event.keyCode 사용

const handleKeyUp = (e) => {
	// codes to execute
}

<input
  type="text"
  onKeyUp={(e) => {
      if (e.keyCode === 13) handleKeyUp(e);
    }
  }
/>

 

 

📚 참고자료: 

https://ungdoli0916.tistory.com/446