[javascript] 터치 이벤트를 사용하여 터치 위치에 팝업 창을 표시하는 방법은?

12 Dec 2023

javascript

먼저 HTML 내에 팝업 창을 위한 요소를 정의합니다. ```html

2. JavaScript에서 터치 이벤트를 감지하여 팝업을 표시합니다. 이 예제에서는 터치 이벤트가 발생한 위치에 팝업이 나타나도록 구현했습니다.
```javascript
document.addEventListener("touchstart", function(event) {
    var touch = event.touches[0];
    var popup = document.getElementById("popup");
    popup.style.left = touch.pageX + "px";
    popup.style.top = touch.pageY + "px";
    popup.style.display = "block";
});

위 코드는 사용자가 화면을 터치했을 때, 터치된 위치에 팝업이 나타나도록 하는 기본적인 구현 방법을 보여줍니다. 여기에 CSS를 추가하여 디자인을 꾸밀 수도 있습니다.

참고 자료:

코드 소스: CodePen - Touch Event Popup
자바스크립트 터치 이벤트 관련 문서: MDN Web Docs - Touch Events