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()를 사용할 경우 기본 행동을 막을 수 있다.