
form 태그에서 enter 제출 방지 (keydown 예외처리)
·
개발/트러블슈팅
문제상황form 태그에서 엔터를 입력하면 form이 제출되는 문제가 있음제출은 버튼을 눌러야 가능하도록 하고 엔터 입력시에는 제출이 안되도록 방지하고 싶음!/**엔터시 폼제출 방지 */export const enterKeyDown = (event) => { if (event.key === "Enter") { event.preventDefault(); // Enter 키의 기본 동작을 막음 }};그때는 이렇게 event.preventDefault() 를 추가해주면 된다. 여기서 발생한 추가적인 문제form 태그 안에 있는 textarea에도 onkeyDown이 적용되어 textarea에서 줄바꿈(enter)가 먹히지 않는 오류가 생겼다..//폼태그에 keydown이벤트에 걸었더니 //폼 안에있는..