[JavaScript] preventDefault 함수

함수를 실행할 때 단순히 그냥 실행하는 것이 아니고, 함수실행과 관련하여 브라우저에서 제공하는 어떠한 정보를 받아서 그것을 함수의 argument로 넣어서 실행할 수 있다. 그 첫번째 argument는 발생한 event(아래에서는 submit)에 대해 내가 필요로 할만한 정보들을 주는 것이다. 그러므로 argument 공간을 제공하여 JS가 정보를 지닌 argument를 채워넣어줄 것이다. 즉 받을 argument를 위한 공간을 아래와 같이 만들어주면 된다.

 

 

EventListener가 loginSubmit을 실행하면서 브라우저가 event에 대한 정보를 argument로 loginSubmit에게 담아준다. 그리고 그 정보 안에는 몇가지 함수도 같이 들어있고, 그 중에 하나가 preventDefault 함수이다. preventDefault 함수는 브라우저가 기본적으로 해당 함수를 실행할 때 수행하는 것들, 예를 들면 새로고침같은 것들을 막는 역할을 한다.

 

function loginSubmit(event) {
  event.preventDefault();
  console.log(loginInput.value);
  console.dir(event);
  console.log(event);
}

loginForm.addEventListener("submit", loginSubmit);