greeting.js note - 8hal/momonton_study GitHub Wiki

[question greeting_js_01] what is event.target?

Event.target

• A reference to the object that dispatched the event.
• It is different from event.currentTarget when the event handler is called during the bubbling or capturing phase of the event.

---

---

More things

이벤트 버블링, 이벤트 캡처 그리고 이벤트 위임까지

• 이벤트 버블링은 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성을 의미한다.
• 이벤트 캡쳐는 이벤트 버블링과 반대 방향으로 진행되는 이벤트 전파 방식이다.
• 이벤트 위임은 ‘하위 요소에 각각 이벤트를 붙이지 않고 상위 요소에서 하위 요소의 이벤트들을 제어하는 방식’이다.

// var inputs = document.querySelectorAll('input');
// inputs.forEach(function(input) {
// 	input.addEventListener('click', function() {
// 		alert('clicked');
// 	});
// });
// 하위 요소에 addEventListener 달기
var itemList = document.querySelector('.itemList');
itemList.addEventListener('click', function(event) {
	alert('clicked');
});

// 새 리스트 아이템을 추가하는 코드
// ...