preventDefault()

tyghu77·2022년 10월 4일
0

form 안에서 엔터를 누르고 input이 더 존재하지 않으면 자동으로 submit된다.
form 안에 있는 버튼을 눌렀을 때 form이 자동으로 submit된다. submit되면서 새로고침된다.


function eventHandler(event){
  event.preventDefault();
  //event의 기본 행동이 발생되지 않도록 함
  //(submit의 경우에는 새로고침)
  console.log(event);
}

loginForm.addEventListener("submit", eventHandler);

JS는 단순히 함수를 실행시키기만 하는것이 아니라 eventHandler함수에 첫번째 인자로 object를 넣어준다.
이 object에는 방금 일어난 event의 정보가 담겨있다.

event.preventDefault()를 사용할 경우 기본 행동을 막을 수 있다.

profile
배운것을 기록하자

0개의 댓글