Basic Hammer.js example

Basic Hammer.js example.markdown

Basic Hammer.js example

A Pen by Jorik Tangelder on CodePen.

License.

index.html

<script src="https://hammerjs.github.io/dist/hammer.js"></script>

<div id="myElement"></div>

script.js

var myElement = document.getElementById('myElement');

// create a simple instance
// by default, it only adds horizontal recognizers
var mc = new Hammer(myElement);

// listen to events...
mc.on("panleft panright tap press", function(ev) {
    myElement.textContent = ev.type +" gesture detected.";
});

style.css

#myElement {
  background: silver;
  height: 300px;
  text-align: center;
  font: 30px/300px Helvetica, Arial, sans-serif;
}