# event delegation

sangheon-k

하위에서 상위 요소로의 이벤트 전파 방식을 이벤트 버블링(Event Bubbling)이라고 함아래와 같이 박스 세개가 중첩된 구조를 가질 때 3 depth인, 세 번째 박스를 클릭하면 이벤트 버블링 현상이 일어남으로 three -> two -> one 순서대로 아래에서

chhw130

이벤트 위임은 상위 요소에서 하위 요소의 이벤트를 제어하는 방식입니다. 한마디로 이벤트 캡쳐링을 활용하는 것이다. 이벤트 위임을 사용하면 상위요소 이벤트하나만으로 하위요소 이벤트들을 제어할 수 있다.   위의 코드에는 기본적인 리스트가 있고 기존에 있는 세번째 요소까지

namyeji

패치보드 커맨드를 다시 요청해줘. 리패치 쿼리즈아이디가 우리눈에는 보이지만 없는 경우도 있음 그래서 무조건 있다고 하면 에러날 수 있음.이때 어떻게 할 것인가. 아이디가 없는 경우는 ? 나중에 이미지 업로드까지 배워야함동적라우터에 넣어둔 id가 에러줄이 가있는 경우

dbstjrwnekd

브라우저는 처리해야 할 특정 사건이 발생하면 리를 감지하여 이벤트를 발생(trigger)시킵니다. 예를 들어 클릭, 키보드 입력, 마우스 이동 등이 일어나면 브라우저는 이를 감지하여 특정 타입의 이벤트를 발생시키죠.애플리케이션이 특정 이벤트에 반응하여 어떤 일을 하고

space086

📔 3주차 학습목표 클릭 문제 >> Event-bubbling / Event - Delegation 이미 만들어졌다고? >> Library UI의 전체적인 구조를 잡아놓자 >> Layout 다른 페이지도 보여줘 >> Pagination / Infinite-Scrol

huiju

Algorithm Self Study, event bubbling, ant-design, rate by ant-design, Code Review, Daily Scrum, Algorithm Class, self Study

jo_cw

📚Event에 대해서 나의 배움기록

dovra_

이벤트 버블링은 이벤트가 특정 요소에 이벤트가 발생했을 때, 이벤트가 발생한 요소보다 상위요소에 전달되는것을 의미한다.상위요소? HTML요소는 트리구조를 갖는다. 트리구조에서 한 단계 위에 있는 요소를 상위요소라 하고, 최상위요소를 body라한다.이벤트 캡쳐는 최상위요

kimareum

goodmorning self study이제 알고리즘이 어렵다 나에게 너무...풀었던 문제도 다시 푸는 습관을 들여야한다.. 이문제는 풀이보고 겨우 이해한 문제이고..! 이문제는 풀이를 찾아보고도 이해못한 문제 ^^>...눈물나네 아침부터 굿모닝 아니네.... 이따 알

hoje15v

Implementing Smooth Scrolling scroll 관련 알아두면 좋은 정보들 > * getBoundingClientRect() : relative to visible viewport window.screen : 모니터 size window.outer

gygy

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

qldudgh

인스타그램 클론 코딩 중 댓글 추가기능을 구현하고 추가로 댓글 삭제 및 좋아요를 구현하고 있었다.

lyj-ooz

제목이

jha0402

Event bubbling, Event capturing, Event delegation

mementomori

Event 발생 시 bubbling과 capture 그리고 addEventListener 함수의 option 인자(capture와 once)에 대한 학습Event Bubbling: 특정 element에서 event 발생 시, 상위 element로 이벤트가 전파(prop

proshy

event capture 와 bubbling을 이용해 이벤트 위임을 구현할 수 있다. ul안에 수많은 li가 있거나 테이블 안에 많은 tr, td가 있을 때 모든 elements들에 다 event를 거는 것은 번거롭다.이를 ul 또는 table에 이벤트를 걸어서 이벤트

dev-mish-mash

결론만 말하자면, 이벤트 위임을 통해서 이벤트 리스너의 개수를 줄이려 하더라도 의미 없고, 성능 향상도 없다.

superfly9

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

ckdgus2246

BubblingCapturingEvent delegationelement에서 event가 발생할 때, 해당 element의 handler를 실행시키고, html/document/window element까지의 ancestor elements를 따라 동일한 event에