[아고라 스테이츠] event.preventDefault()

hzn·2022년 9월 18일
0

PROJECT🏝

목록 보기
3/24
post-thumbnail

event.preventDefault()

  • 이벤트의 고유 동작을 막아준다.
  • 예를 들어 a 태그의 경우 페이지 이동을, submit 의 경우 다시 render 되는 것을 막아준다.

submit 후 다시 render 되는 것을 막기 위해 사용

  • local storage로 데이터를 저장해 render 시에도 추가 디스커션이 유지되도록 한 후에는 event.preventDefault()이 필요 없으나 (render시에도 업데이트된 데이터가 유지됨)
  • 만일 그렇지 않다면 submit 버튼을 눌러도 DOM에서 새 디스커션이 추가되어 보이지 않는다. (render시 마다 데이터가 초기화되기 때문)

0개의 댓글