[자바스크립트] e.preventDefault()와 e.stopPropagation()의 차이

이윤우·2023년 2월 6일
0

JavaScript

목록 보기
19/34
post-thumbnail

1. e.preventDefault()

html에서 a태그나 submit 태그는 고유의 동작이 있다. 페이지를 이동시킨다거나 form 안에 있는 input 등을 전송한다던가 그러한 동작이 있는데 e.preventDefault는 그 동작을 중단시킨다.

2. e.stopPropagation()

부모 엘리먼트에게도 이벤트가 전파됨을 알 수 있다. 이때 사용하는 것이 e.stopPropagation이다. e.stopPropagation는 이벤트가 상위 엘리먼트에 전달되지 않게 막아준다.

0개의 댓글