input 작성 중에 enter키 눌렀을 때 form이 전송되지 않도록 하기

cordelia·2021년 7월 31일
0

문제 - 난 아직 쓰는 중이라고 전송하지 말라고

stackoverflow에서 아래와 같이 해결하라는 글을 봤는데 keyCode는 deprecated되어서 다시 찾아보았다.

onKeyDown={(e)=> e.keyCode == 13 ? e.preventDefault(): ''}

해결 - KeyboardEvent.key

<Input
    onKeyDown={(e) => (e.key === 'Enter' ? e.preventDefault() : '')}
    placeholder="Title"
    allowClear
/>

참고
https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key

profile
There is so much scope for imagination in programming!

0개의 댓글