bubbling.html
<html>
<body>
<table border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
<script>
document.querySelector('td').addEventListener('click', () => {
console.log('td를 클릭했습니다.');
});
document.querySelector('tr').addEventListener('click', () => {
console.log('tr을 클릭했습니다.');
});
document.querySelector('table').addEventListener('click', () => {
console.log('table을 클릭했습니다.');
});
</script>
</body>
</html>