[javascript] Hammer.js를 사용하여 스와이프 동작 중에 터치 이벤트를 제한하는 방법은?
Hammer.js는 터치 이벤트를 간편하게 처리할 수 있는 자바스크립트 라이브러리입니다. 스와이프 동작 중에 특정 터치 이벤트를 제한하고자 할 때는 Hammer.js의 이벤트 옵션을 이용하여 설정할 수 있습니다.
예를 들어, 스와이프 동작 중에 터치 이벤트를 제한하는 방법은 다음과 같습니다:
-
Hammer 인스턴스 생성:
const hammertime = new Hammer(element);
-
이벤트 설정:
hammertime.on('swipe', function(e) { // 스와이프 동작 중에 실행될 코드 }); hammertime.on('touch', function(e) { e.preventDefault(); // 터치 이벤트를 제한 });
위의 코드에서 ‘swipe’ 이벤트는 스와이프 동작 중에 실행될 코드를 정의하고, ‘touch’ 이벤트는 터치 이벤트를 제한하기 위해
e.preventDefault()
를 호출하고 있습니다.이와 같이 Hammer.js를 사용하면 터치 이벤트를 제어하거나 제한할 수 있는데, 다양한 이벤트 옵션과 메소드를 활용하여 필요한 동작을 구현할 수 있습니다.
더 자세한 내용은 Hammer.js 공식 문서를 참고하시면 도움이 될 것입니다.