Event Target은 Touch API에서 사용자가 터치한 요소를 가리키는 개념입니다.
Event Target은 사용자가 터치한 요소의 부모 요소 또는 그 이상의 상위 요소를 가리킬 수 있습니다.
예를 들어, 사용자가 화면의 중간 부분을 터치하면, 화면의 가장 상위 요소인 `` 요소가 Event Target이 됩니다.
하지만, 화면의 중간 부분에 위치한 요소가 있다면, 그 요소가 Event Target이 됩니다.
Event Target을 구분하는 방법은 다음과 같습니다.
1. `target` 속성을 사용하여 Event Target을 확인할 수 있습니다.
2. `event.target` 속성을 사용하여 Event Target을 확인할 수 있습니다.
예를 들어, 다음과 같은 HTML 코드가 있다고 가정해 보겠습니다.
#hostingforum.kr
html
이 코드에서, 사용자가 `#child` 요소를 터치하면, `#child` 요소가 Event Target이 됩니다.
하지만, 사용자가 `#container` 요소를 터치하면, `#container` 요소가 Event Target이 됩니다.
#hostingforum.kr
javascript
const container = document.getElementById('container');
const child = document.getElementById('child');
container.addEventListener('touchstart', (event) => {
console.log(event.target); // #container
});
child.addEventListener('touchstart', (event) => {
console.log(event.target); // #child
});
Event Target은 Touch API에서 사용자가 터치한 요소를 가리키는 개념입니다.
Event Target을 구분하는 방법은 `target` 속성을 사용하거나 `event.target` 속성을 사용하는 것입니다.
2025-06-25 09:18