이벤트리스너에 사용하는 기능들

html요소.addEventListener("ㅁㅁㅁ", 함수);

• click : 요소를 클릭할 때
• mouseenter : 마우스가 요소에 진입했을 때
• mouseleave: 마우스가 요소를 떠날 때
• resize: 브라우저 윈도우의 사이즈가 변경될 때
• copy: 요소를 복사했을 때
• offline: 오프라인상태가 됐을 때

---

preventDefault : 브라우저의 기본동작이 작동하지 않도록 막아주는 기능

const loginForm = document.querySelector("#login-form");
const loginInput = document.querySelector("#login-form input");
 
function onLoginSubmit(tomato) {
  tomato.preventDefault();
  console.log(tomato);
}

loginForm.addEventListener("submit", onLoginSubmit);

submit 의 기본동작은 브라우저가 새로고침되는데
preventDefault를 통해 새로고침이 되지않는 걸 알 수 있음

그렇다면 링크의 기본 동작은? 클릭시 다른 주소로 가는 것.
그걸 방지하려면? 마찬가지.