[javascript] 터치 이벤트를 사용하여 터치된 위치에 반응하는 요소를 만드는 방법은?

12 Dec 2023

javascript

먼저, HTML 요소에 대한 이벤트 리스너를 추가해야 합니다. 다음은 간단한 예제 코드입니다.

<div id="targetElement"></div>

다음으로, JavaScript를 사용하여 터치 이벤트를 처리하고 터치된 위치에 대한 반응을 추가할 수 있습니다.

const targetElement = document.getElementById('targetElement');

targetElement.addEventListener('touchstart', function(event) {
  // 터치된 위치에 대한 정보 가져오기
  const touchX = event.touches[0].clientX;
  const touchY = event.touches[0].clientY;

  // 터치된 위치에 대한 처리
  console.log(`터치된 위치: X - ${touchX}, Y - ${touchY}`);

  // 추가적인 로직 및 처리
  // ...
});

위의 코드에서, ‘touchstart’ 이벤트를 사용하여 터치된 위치에 대한 정보를 가져오고 해당 위치에 대한 반응을 추가할 수 있습니다.

이제 위의 코드를 참고하여 원하는 요소에 대해 터치 이벤트를 사용하여 터치된 위치에 반응하는 요소를 만들어 보세요.