# capturing

7개의 포스트
post-thumbnail

[JavaScript] 이벤트 버블링, 캡쳐링, 위임

프론트엔드 면접을 볼 당시에 이벤트 버블링, 캡쳐링에 대한 질문을 받았었는데 대답을 제대로 하지 못해 면접을 시원하게 말아먹었던 기억이 생각나 작성하는 포스팅... 다신 볼 일없게 꼼꼼하게 정리하자..!

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

이벤트 캡처링 & 버블링

Html 조작을 위해 스크립트를 작성하다 보면 종종 내가 원하는 곳에 이벤트를 할당하고 제어하는것이 어려울 때가 있다.HTML 태그를 살펴보면 form > div > p 의 상관관계가 있다.그럼 만약 p 태그를 클릭한다면 어떤일이 발생할까?p => div => form

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

TIP) React, Capturing 막는 법.

리액트 컴포넌트를 만들면서, 인풋 Search-Bar를 제외한 컴포넌트를 눌렀을 때, 창이 안보이게 막는 함수 입니다.currentTarget과 함수가 등록된 target을 비교하여, 둘이 같을 때만 함수가 실행되도록 합니다.

2021년 1월 6일
·
0개의 댓글
post-thumbnail

js 이벤트 발생 경로

js에서는 html에서 발생하는 event를 인식할 수 있는 event handler가 있다.이 때, event handler가 event를 인식할 때, 특별한 형태로 event가 발생하게 되는데, 이에 대해 알아보자.다음과 같은 html이 있을 경우에, 밑과 같이 e

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

[JS]이벤트 전파 캡쳐링, 버블링

addEventListenertarget.addEventListener(type, listener, useCapture);addEventListener의 구문이다.type : 이벤트의 유형listener : 이벤트가 발생했을 때 실행하는 콜백함수useCapture :

2020년 11월 20일
·
0개의 댓글
post-thumbnail

버블링(Bubbling) & 캡처링(Capturing)

직접 태그에 적용하는 방법입니다. DOM 요소를 가져와서 on을 이용해서 이벤트를 적용하는 방법입니다.target.addEventListener(type, listener, options);javascript에는 이벤트를 추가하는 방법 중 가장 추천하는 방법은 addE

2020년 10월 12일
·
2개의 댓글

Event 다루기

About Event control

2020년 4월 15일
·
0개의 댓글