[JavaScript] e. preventDefault() 란?

 preventDefault() ?

 

자바스크립트 이벤트 인터페이스 중 return과 같은 역할을 함.

어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 브라우저의 기본 동작을 실행하지 않도록 지정.

 

preventDefault() 메서드는 이벤트가 전파되는것(버블링이나 캡처 단계)를 중지시키지는 않는다.

 

이벤트 버블링이란?

자식 element에서 발생된 event가 부모 element순으로 전달 되는 현상

이벤트 캡쳐링이란?

부모 element에서 발생된 event가 자식 element순으로 전달 되는 현상

 

 

주로 사용되는 경우는

1. a태그를 눌렀을 때도 href링크로 이동하지 않게 할 경우

2. form 태그 안에 submit 역할을 하는 버튼을 눌렀어도 새로 실행하지 않게 하고싶을 경우 (submit은 작동됨)

 

이유-

event 에 대해 preventDefault 를 해주지 않았기 때문에 submit 됨과 동시에 창이 다시 실행됨,

그래서 다시 초기 화면으로 돌아오게 된다.