# stopPropagation

14개의 포스트

[TIL] (2022.05.09)

이벤트 캡쳐링은 위에서 아래로 내려가며, 이벤트 버블링은 밑에서 위로 올라가는 단계현재 이벤트가 캡처링/버블링 단계에서 더 이상 전파되지 않도록 방지전파를 방지해도 이벤트의 기본 동작은 실행기본 동작을 방지

2022년 5월 9일
·
0개의 댓글
post-thumbnail

Javascript 이벤트 preventDefault, stopPropagation 정리

자바스크립트 이벤트를 사용하면서 Bubbling, Capturing, preventDefault, stopPropagation 의 개념을 기계적으로만 이해하고 로직의 구현만을 위해 구체적인 동작방식을 알고있지 않았다. 구체적인 알고리즘과 개념이 머릿속에 정립되지 않은

2022년 4월 16일
·
0개의 댓글

preventDefault()와 stopPropagation()의 차이

기본적인 이벤트를 방지할 때 e.preventDefault()를 많이 사용했었는데 프로젝트에서 e.stopPropagation()가 사용되고 있어서 두 개의 차이를 알아보기로 했다차이를 알아보기에 앞서 먼저 두 메서드가 어떤 역할을 하는지부터 간단히 알아봤다a tag를

2022년 4월 6일
·
0개의 댓글
post-thumbnail

[DOM] DOM 이벤트

이벤트를 설정하는 것은 인라인 attribute 이벤트 핸들러, 속성 이벤트 핸들러, addEventListener() 메서드를 사용하여 수행될 수 있다. 이 중에서 addEventListener() 사용이 권장된다.addEventListener()에서 세 번째 매개변

2022년 2월 20일
·
0개의 댓글
post-thumbnail

1.4

현재 selector 중

2022년 1월 4일
·
0개의 댓글
post-thumbnail

[JS30] -25) Event Capture, Bubbling, Propagation and Once

상위 div에 클릭 이벤트를 등록하고, 가장 안쪽 주황색을 눌렀을 때 하위 div에서부터 이벤트가 Bubbling 되어 three,two,one 순으로 출력된다.capture을 true로 주면 이벤트 캡처링으로 상위 div에서 하위 div로 전파되어 one,two,t

2021년 11월 14일
·
0개의 댓글
post-thumbnail

Event Bubbling & e.stopPropagation() in Javascript, React

event Bubbling과 event 객체가 가지고 있는 함수중 하나인 stopPropagation()에 대해 알아보려고 한다.우선 event란 무엇일까!

2021년 11월 8일
·
0개의 댓글
post-thumbnail

React에서 Modal 구현

이번에 개인 프로젝트를 하면서 모달창을 구현하는 일이 생겼다.react-modal 과 같은 라이브러리도 있지만 이번에는 라이브러리를 사용하지 않고 모달창을 구현하고 싶었다.1\. 모달창 디자인기본 상태(false)에서 메뉴 아이콘을 누르면 SideBar.js 의 &lt

2021년 4월 14일
·
0개의 댓글
post-thumbnail

[JS] e.preventDefault()와 e.stopPropagation()의 차이점

안녕하세요. 오늘은 e.preventDefault()와 e.stopPropagation() 함수 두개의 차이점에 대해서 알아보겠습니다.

2021년 1월 31일
·
0개의 댓글

JavaScript 6.이벤트 Event

이벤트 객체 모든 이벤트의 정보를 event 객체로 제공 속성 type target pageX, pageY screenX,screenY button : 눌러진 마우스 버튼 메소드 preventDefault() stopPropagation()

2020년 10월 5일
·
0개의 댓글

이벤트 버블링/캡쳐링

브라우저는 특정 화면 요소에서 이벤트가 발생시 기본적으로 그 이벤트를 최상위에 있는 화면 요소까지 전파시킨다.(이벤트 버블링이 기본이므로) 이 때 이벤트 전파방식은 버블링과 캡쳐링 2가지로 나눌 수 있다. 버블링 화면의 하위요소->상위요소로(최상위요소 body까지 전

2020년 9월 10일
·
0개의 댓글