Hammer.js의 주요 기능은 다음과 같습니다:

1. 터치 이벤트: Hammer.js는 다양한 터치 이벤트를 지원합니다. 단일 터치, 멀티 터치, 스와이프, 드래그, 핀치 등 다양한 제스처를 처리할 수 있습니다.

var element = document.getElementById('myElement');
var hammertime = new Hammer(element);

hammertime.on('swipe', function(event) {
    // 스와이프 이벤트 처리 로직
});

hammertime.on('pan', function(event) {
    // 드래그 이벤트 처리 로직
});

hammertime.on('pinch', function(event) {
    // 핀치 이벤트 처리 로직
});

1. 다중 터치 지원: Hammer.js는 멀티 터치 제스처를 지원하여 여러 지점에서 동시에 터치 입력을 처리할 수 있습니다. 이를 통해 다양한 사용자 상호작용을 구현할 수 있습니다.

2. 마우스 이벤트 지원: Hammer.js는 마우스 이벤트도 지원하여 마우스 기반의 상호작용을 처리할 수 있습니다. 이는 터치 기능을 구현하고자 하는 모바일 웹 애플리케이션이나 데스크톱 웹 애플리케이션에서 유용하게 사용될 수 있습니다.

3. 커스터마이징 가능: Hammer.js는 다양한 옵션을 제공하여 사용자 요구에 맞게 동작을 커스터마이징할 수 있습니다. 터치 인식 임계값, 이벤트 모션 방향, 타임아웃 딜레이 등을 조절할 수 있습니다.

var hammertime = new Hammer(element, {
    threshold: 50,
    direction: Hammer.DIRECTION_ALL,
    recognizers: [
        [Hammer.Swipe, { direction: Hammer.DIRECTION_HORIZONTAL }],
    ]
});

이 외에도 Hammer.js는 보다 편리한 제스처 처리를 위한 여러 기능을 제공하고 있으며, 제스처 인식에 관련된 다양한 이벤트와 정보를 제공합니다. 자세한 사용법과 기능은 공식 문서를 참고하시기 바랍니다.