[ JavaScript ] form submit 시 브라우저의 새로 고침 막기.

 

 

기본적으로 form 은 submit 을 할 때

브라우저는 페이지를 새로고침 하도록 되어있다.

function onLoginSubmit(event) {
	event.preventDefault();
    }

 

이러한 브라우저의 기본 동작을 우리는

preventDefault() 함수를 통하여 막을 수 있다.

이 preventDefault() 함수는 어디서,어떻게 호출이 가능한걸까?

 

loginForm.addEventListner("submit", onLoginSubmit);

 

위 코드는 form 의 submit 이벤트가 발생한다면,

onLoginSubmit 함수를 실행시킨다는 코드이다.

 

자바스크립트는 onLoginSubmit 함수를 호출 시 인자를 담아서 호출한다.

해당 인자는 event object가 담긴 정보들이다.

 

preventDefault 함수는 EventListener 함수의 '첫 번째 argument' 안에 있는 함수이다.

첫 argument 는 지금 막 벌어진 event 들에 대한 정보를 가지고 있다.

자바스크립트는 (기본적으로) argument 를 담아서 함수를 호출하는데,

이 argument 가 기본 정보들을 제공하고 있다.

 

console.log(event) 시 나오는 정보들 !

ex) 누가 submit 주체인지, 몇 시에 submit을 했는지 등등...