때때로 e.stopPropagation(); e.preventDefault();를 사용하여 이벤트 버블링과 기본 이벤트 실행을 방지할 수 있습니다. 하지만 이벤트가 추가되는 것을 막을 수는 없습니다.
어떤 상황에서 이벤트 추가를 막아야 하나요?
예:
'체크아웃'을 클릭하면 체크아웃 자체에 이벤트가 발생하는데, 체크아웃하기 전에 로그인 여부를 결정해야 합니다.
다음과 같이 작성할 수 있습니다.
JS 코드
마이홈페이지를 클릭하시면 로그인 확인도 있습니다
로그인 판단 코드
if(isLogin){ //로그인 여부 결정
console.log("로그인하지 않았습니다.")
}그밖에{
//개인센터
}
중요: 로그인 판단 이벤트가 첫 번째 바인딩 이벤트인지 확인하세요.
데모 코드