[javascript] Hammer.js를 사용하여 롱 프레스 제스처를 처리하는 방법은?
- 먼저,
Hammer.js
를 프로젝트에 추가합니다. 다음과 같이<script>
태그를 사용하여Hammer.js
를 로드할 수 있습니다.<script src="https://cdn.jsdelivr.net/npm/hammerjs@2.0.8/hammer.min.js"></script>
-
롱 프레스 제스처를 처리할 요소를 선택합니다. 예를 들어,
<div id="my-element">
요소를 선택한다고 가정해보겠습니다. Hammer.js
를 사용하여 요소에 이벤트 리스너를 등록합니다. 아래 예제는press
제스처가 시작될 때 실행되는handleLongPress
함수를 등록하는 방법을 보여줍니다. ```javascript var element = document.getElementById(‘my-element’); var hammer = new Hammer(element);
hammer.on(‘press’, handleLongPress);
function handleLongPress(event) {
console.log(‘Long press detected!’);
// 롱 프레스 제스처에 대한 추가적인 처리 로직을 구현할 수 있습니다.
}
```
handleLongPress
함수는 롱 프레스 제스처를 처리할 때 실행되며, 여기에 원하는 추가적인 로직을 구현할 수 있습니다.
이렇게하면 Hammer.js를 사용하여 롱 프레스 제스처를 처리할 수 있습니다. Hammer.js는 다양한 터치 제스처를 처리할 수 있으므로 필요에 따라 다양한 제스처를 구현할 수도 있습니다.
더 많은 정보 및 Hammer.js의 다른 기능에 대해서는 공식 문서를 참고하시기 바랍니다.