1. preventDefault :
a 태그나 submit 태그는 고유의 동작이 있다. 예를 들어 페이지 이동 or form안에 있는 input전송 등. preventDefault는 이 기본 동작을 막아준다. a 태그에 preventDefault걸면 href기능 막아준다.
2.stopPrapagation:
a 태그가 li, ul 태그에 순차적으로 감싸져 있을 때 a 태그 onclick -> li 태그 onclick -> ul태그 onclick으로 이벤트가 확산되어 감. 이를 막아주는 것이 stopPropagation(이벤트가 상위 엘리먼트에게 전달되지 않도록 막아주는 것)
https://ismydream.tistory.com/98
event.stopPropagation(), event.preventDefault () 이해하기
event.stopPropagation(), event.preventDefault () 이해하기 event.stopPropagation() 을 이해하기 위해서는 우선 HTML 상에서 사용자 이벤트가 어떻게 전달되는지 이해해야 합니다. 웹에서의 클릭이벤트 전파 p..
ismydream.tistory.com
'Front-end > JavaScript Language' 카테고리의 다른 글
| JavaScript - Intermediate1 (변수, null, undefined, 함수) (0) | 2022.11.05 |
|---|---|
| Debounce & Throttle (0) | 2022.10.31 |
| DOM(문서 객체 모델) & Document 객체 (0) | 2022.09.12 |
| Window 객체 (0) | 2022.09.12 |
| 자바스크립트 에러 10가지 (0) | 2022.05.28 |