자바스크립트 preventDefault

https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault

Event.preventDefault() - Web API | MDN

Event.preventDefault()

Event 인터페이스의 preventDefault() 메서드는 어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 사용자 에이전트의 기본 동작을 실행하지 않도록 지정합니다.

preventDefault()를 호출한 이벤트도 수신기 중 하나에서 stopPropagation() 또는 stopImmediatePropagation()을 호출하기 전까지는 다른 이벤트와 마찬가지로 전파됩니다.

아래에도 적혀있지만, cancelable: true 없이 EventTarget.dispatchEvent()로 발송한 이벤트처럼 취소 불가능한 이벤트의 경우, preventDefault()를 호출해도 아무 효과도 나타나지 않습니다.

구문

event.preventDefault();

 

사실 이렇게 설명을 들어보면 무슨 말인지 잘 이해가 안됨.

 

간단히 말해서

 

test id를 가진 값을 눌렀을 때

xxx로직 실행이 되고

yyy로직 실행되고

그다음 페이지 이동이 된다고 하면

preventDefault()를 써주면 페이지 이동을 막아주는 역할.

 

뿐만 아니라 그다음 실행되는 특정 행동(이벤트)을 막아줌.

 

 

 

$('#test').on("click",function(e){
    1)xxx
    2)yyy
    3)페이지 이동
    preventDefault();
}