https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault
Event.preventDefault() - Web API | MDN
Event 인터페이스의 preventDefault() 메서드는 어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 사용자 에이전트의 기본 동작을 실행하지 않도록 지정합니다.
developer.mozilla.org
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();
}
'IT' 카테고리의 다른 글
스프링시큐리티 7장 (0) | 2023.07.28 |
---|---|
jquery.filedownload.js 파일 한글깨짐 현상 (0) | 2023.07.28 |
RuntimeError: CUDA error: invalid device ordinal (0) | 2023.07.21 |
스프링시큐리티 6장 분석 (0) | 2023.07.21 |
백준 2178 파이썬 (0) | 2023.07.20 |