[javascript] Parcel에서 모바일 터치 이벤트를 처리하는 방법은?
Parcel에서 모바일 터치 이벤트를 처리하는 방법은 다음과 같습니다:
npm install hammerjs
명령어를 사용하여 Hammer.js를 설치합니다.- JavaScript 파일에서
import Hammer from 'hammerjs'
를 추가합니다. - 터치 이벤트를 처리할 엘리먼트를 선택합니다. 예를 들어,
const myElement = document.getElementById('myElement')
와 같이 엘리먼트를 선택합니다. -
Hammer 객체를 생성하고 터치 이벤트를 바인딩합니다. 코드는 다음과 같습니다:
const hammer = new Hammer(myElement); hammer.on('pan', function(event) { // 터치 이벤트 처리 로직 });
위의 예제에서는
pan
이벤트를 사용하여 터치 움직임을 처리하고 있습니다. 다른 터치 이벤트를 처리하려면'pan'
을 다른 이벤트로 변경하면 됩니다. Hammer.js에서 제공하는 다양한 터치 이벤트를 사용할 수 있습니다. - 필요에 따라 Hammer.js의 다른 기능을 사용할 수도 있습니다. 자세한 내용은 Hammer.js 공식 문서를 참조하십시오.
이렇게 하면 Parcel에서 모바일 터치 이벤트를 처리할 수 있습니다. Hammer.js는 터치 이벤트를 간편하게 처리할 수 있는 유용한 도구입니다.
참고 문서:
- Hammer.js 공식 문서: https://hammerjs.github.io/