stoppropagation (1) 썸네일형 리스트형 preventDefault 와 stopPropagation 차이점 (+ 이벤트 버블링, 캡쳐링) preventDefault()기본동작 취소예를 들어 버튼의 submit 은 기본적으로 값을 전송하고, 새로고침 하는 기능을 한다.이때 e.preventDefault() 를 사용하면 submit의 전송과 새로고침을 막는다.또 다른 예로, 기본적으로 실행되는 a 태그의 링크이동을 막는다. stopPropagation()이벤트 전파 중지 (기본동작을 막지는 않음)버블링과 캡쳐링을 막는 역할을 한다 👩🏻💻 버블링, 캡쳐링이 뭔지 알아보자버블링설정없이 기본적으로 버블링으로 동작자식 요소를 누르면 한단계씩 타고 올라가서 자신을 감싸고 있는 최상위 부모요소에 걸린 이벤트까지 실행되는 것 아래 예제코드의 경우 inner를 클릭하면 Inner => Middle => Outer 순으로 alert이 실행된다. [자식.. 이전 1 다음