[Javascript] e.preventDefault(), e.stopPropagation(), 이벤트 버블링(event bubbling)
자바스크립트에서 이벤트 관련 코드를 작성할 시 많이 사용되는 event.preventDefault()와 event.stopPropagation()의 개념과 차이점에 대해 알아보자. 목차 event.preventDefault() event.propagation() 1. event.preventDefault() a 태그와 submit 기능의 경우, 지니고 있는 고유의 동작이 있다. a 태그의 경우 지정한 페이지로 이동할 수 있으며 submit의 경우 input에 작성된 값을 전송한 뒤 페이지가 새로고침 된다. 이러한 default 동작이 필요하지 않을 때 preventDefault()를 사용하면 된다. 아래에서 확인해보자. 두 번째 링크는 클릭해도 페이지 이동이 동작하지 않음을 알 수 있다. See the ..
JavaScript
2021. 10. 18. 16:30