Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- redux 사용방법
- JavaScript
- foreach
- React state
- 인라인블럭
- sort
- react redux
- useSearchParams
- 자바스크립트
- Redux
- useParams
- Redux store
- React onClick
- 블럭요소
- toString
- useEffect
- javascript React
- couchcoding
- redux toolkit
- react
- line-through
- db.json
- first-child
- 카우치코딩
- 협업프로젝트
- javascript코딩테스트
- 콜백함수
- 자바스크립트배포
- 6주포트폴리오
- JSON
Archives
- Today
- Total
목록onkeypress (1)
개발하는 루루언니

Enter 키? onkeypress on keypress 사용해보기 오늘은 내가 개발하고 싶은 부분을 블로그에 적어보려고 한다. 📙 개발하고 싶은부분 인풋과 버튼이 있을때 해당 내용을 추가버튼을 누르는게 아닌 엔터를 누르면 적용이 되도록 하고 싶다. 구글링을 해보니 onkeypress 라는 함수를 이용하여 간단히 해결이 가능했다. 사용하는 방법은 아래와 같다. const onkeypress =(e)=>{ if(e.key == 'Enter'){ clickchange() } } { 입력값변경(e.target.value) }} type="text" > 1. input 에 onKeyPress를 적어준다. 2. const okeypress에는 (e)이벤트 값을 받는데 만약에 이 이벤트가 Enter 라면? clic..
컴퓨터 정보/리액트
2023. 1. 19. 13:34