본문 바로가기
jQuery/jQuery 기본

제이쿼리 (e) e.preventDefault();

by hyojinny 2022. 11. 2.
제이쿼리 이벤트 전파 막기
event.preventDefault() 현재 이벤트의 기본 동작을 중단한다.
-a 이벤트 상위 이동 막기 
event.stopPropagation() 현재 이벤트가 상위로 전파되지 않도록 중단한다.
-부모 둘다 막기 
event.stopImmediatePropagation() 현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단한다
return false jQuery를 사용할 때는 위의 두개 모두를 수행한 것과 같고,
jQuery를 사용하지 않을 때는 event.preventDefault() 와 같다.
제이쿼리안의 return false와 자바의 return false 는 다르다. 
때문에 사용하면 안됨 

 

 

 

 

 

 


a 태그 기본이벤트를 막아서 

위로 이동시키지 않는 이벤트

 

왜냐면 

a 태그가 걸린 요소 선택시 

위로 올라가거등

 

 

 

 

 

이렇게 빈화면으로 나가야하는데 

 

 

 

 

멋대로 올라가버렷 

 

이때

  e.preventDefault(); 
꼭 필수 추가 
 
 
 

참고링크

https://programmingsummaries.tistory.com/313

 

[JavaScript] JavaScript에서 이벤트 전파를 중단하는 네가지 방법

자바스크립트 이벤트 리스너에서 preventDefault() 와 stopPropagation() 그리고 return false 는 자바스크립트 프로그래밍을 할 때 이벤트 중단을 위해 자주 사용되는 코드들이다. 이벤트 중단 시에 사용되

programmingsummaries.tistory.com

 

댓글