제이쿼리 이벤트 전파 막기 | |
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
'jQuery > jQuery 기본' 카테고리의 다른 글
제이쿼리 UI 간단사용법 (데이터피커 Datepicker Widget) 달력만들기 (0) | 2022.11.03 |
---|---|
제이쿼리 위에서 아래로 모달팝업 on / is / (0) | 2022.11.02 |
제이쿼리 input 요소에 따라 값을 바꾸기 keydown.keyup (0) | 2022.11.02 |
제이쿼리로 셀렉옵션 값에 맞춰 input 에 val 밸류값 넣기 (0) | 2022.11.01 |
제이쿼리 셀렉옵션 커스텀 (0) | 2022.11.01 |
댓글