var myElement = $('#myElement');
var myLog = $('#myLog');

var mc = new Hammer(myElement[0]);

mc.get('pan').set({ direction: Hammer.DIRECTION_HORIZONTAL, threshold: 0 });


mc.on("panstart", function(ev) {
  myLog.append("<div>panstart</div>" );
});

mc.on("panleft", function(ev) {
  myLog.append("<div>panleft:" + ev.deltaX + "</div>");
});

mc.on("panright", function(ev) {
  myLog.append("<div>panright:" + ev.deltaX + "</div>");  
});

mc.on("panend", function(ev) {
  myLog.append("<div>panend <br><br></div>");  
});

function clearLog() {
  myLog.empty();
}