Hammer.js는 터치 기반 이벤트를 쉽게 감지하고 처리할 수 있는 라이브러리입니다. Hammer.js를 사용하여 터치 이벤트를 감지하는 방법은 다음과 같습니다:

1. Hammer.js 라이브러리를 다운로드하고 HTML 파일에 추가합니다. 다음과 같이 <script> 태그를 사용하여 추가할 수 있습니다:

   <script src="hammer.min.js"></script>
   

2. 터치 이벤트를 감지할 HTML 요소를 선택합니다. 예를 들어, 아래와 같은 HTML 요소를 선택하고자 한다면: ```html

3. JavaScript 코드에서 Hammer 인스턴스를 생성하고 터치 이벤트 핸들러를 등록합니다. 아래는 클릭, 드래그, 스와이프 등의 터치 이벤트를 감지하는 예시입니다:
```javascript
var element = document.getElementById('myElement');
var hammer = new Hammer(element);

hammer.on('tap', function() {
    console.log('탭 이벤트가 발생하였습니다.');
});

hammer.on('pan', function() {
    console.log('드래그 이벤트가 발생하였습니다.');
});

hammer.on('swipe', function() {
    console.log('스와이프 이벤트가 발생하였습니다.');
});

위의 예시에서 myElement 요소는 터치 이벤트를 감지하고자 하는 HTML 요소의 id입니다. Hammer.js의 on() 메소드를 사용하여 감지하고자 하는 터치 이벤트를 등록하고, 해당 이벤트가 발생할 때 실행할 함수를 지정합니다. 각 이벤트 핸들러는 터치 이벤트가 발생할 때마다 호출됩니다.

참고로, Hammer.js는 다양한 터치 제스처와 이벤트를 지원하며, 자세한 내용은 공식 문서를 참조하시기 바랍니다. (https://hammerjs.github.io/)