javascript-tutorial/9-event-bubbling/example1/main.js at master · pushdev-code/javascript-tutorial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/* BUBBLING */
let parentBubbling = document.querySelector('.parent-bubbling');
let childBubbling = document.querySelector('.child-bubbling');

parentBubbling.addEventListener('click', () => console.log('parent clicked')); //bubbling
childBubbling.addEventListener('click', () => console.log('child clicked'));

/* CAPTURING */
let parentCapturing = document.querySelector('.parent-capturing');
let childCapturing = document.querySelector('.child-capturing');

parentCapturing.addEventListener(
	'click',
	() => console.log('parent clicked'),
	true
);
childCapturing.addEventListener(
	'click',
	() => console.log('child clicked'),
	true
);