hammer.js

ui-component mobile-support

hammer.js는 자바스크립트 라이브러리로, 다양한 멀티 터치 제스처를 쉽게 구현할 수 있습니다. 이 라이브러리는 터치 이벤트를 감지하고 사용자의 터치 기반 상호작용을 다루는 데 특화되어 있습니다. 특히 모바일과 태블릿과 같은 터치 기반 장치에 최적화되어 있어, 스와이프, 탭, 핀치와 같은 제스처를 감지하고 처리할 수 있습니다.

Latest Ver 2.0.8

Homepage

Github

24,282

📢 hammer.js는 모바일 및 태블릿 장치에서 멀티 터치 제스처를 쉽게 구현할 수 있는 자바스크립트 라이브러리입니다.

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.js

https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js

https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.map

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<div id='myElement'>
  <p>Touch me!</p>
</div>

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>

⚙️ JavaScript
var element = document.getElementById('myElement');
var hammertime = new Hammer(element);
hammertime.on('pan', function(ev) {
  element.textContent = 'You panned!';
});