hammer.js

ui-component mobile-support

hammer.jsは、マルチタッチジェスチャを簡単に実装できるJavaScriptライブラリです。このライブラリは、タッチイベントの検出とタッチベースのインタラクションの処理に特化しており、スマートフォンやタブレットなどのタッチ対応デバイスに最適化されています。スワイプ、タップ、ピンチなどのジェスチャをサポートしています。

Latest Ver 2.0.8

Homepage

Github

24,282

📢 hammer.jsは、モバイルおよびタブレットデバイスでマルチタッチジェスチャを簡単に実装できるJavaScriptライブラリです。

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