호다닥

Capturing 과 Bubbling 본문

Javascript

Capturing 과 Bubbling

3jun 2020. 12. 27. 10:48

 

ko.javascript.info/bubbling-and-capturing

 

버블링과 캡처링

 

ko.javascript.info

 

capturing 과 bubbling 을 컨트롤하기 위한 꿀팁!!

if ( event.target !== event.currentTarget ) {
	return;
}

/* 위 코드를 각각의 eventListner 에 삽입해준다. */


cf) 
 event.stopPropagation();
 event.stopImmediatePropagation();

 

stopPropagation 이나 stopImmediatePropagation 은 부모 컨테이너에서 작동하는 event의 동작에 영향을 미칠 수 있기 때문에 사용을 권장하지 않는다. 

'Javascript' 카테고리의 다른 글

PoiemWeb: JS 요약  (0) 2020.10.26
dataset 사용하기  (0) 2020.10.11
CSS basics  (0) 2020.10.02
JS. function에서의 console.log 와 return  (0) 2020.06.25
Javascript Event - Codeit(Javascript로 배우는 '인터랙티브 웹')  (0) 2018.10.02
Comments