hammer.js

ui-component mobile-support

hammer.js is a JavaScript library that enables easy implementation of multi-touch gestures. This library specializes in detecting touch events and handling touch-based interactions, making it particularly optimized for touch-enabled devices such as smartphones and tablets. It supports gestures like swiping, tapping, and pinching.

Latest Ver 2.0.8

Homepage

Github

24,364

📢 hammer.js is a JavaScript library for easy implementation of multi-touch gestures on mobile and tablet devices.

CDN Download

License: MIT

Asset Type :

View All Versions

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

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 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!';
});