jQuery/jQuery 기본
제이쿼리 (e) e.preventDefault();
hyojinny
2022. 11. 2. 11:35
제이쿼리 이벤트 전파 막기 | |
event.preventDefault() | 현재 이벤트의 기본 동작을 중단한다. -a 이벤트 상위 이동 막기 |
event.stopPropagation() | 현재 이벤트가 상위로 전파되지 않도록 중단한다. -부모 둘다 막기 |
현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단한다 | |
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