When binding an hammer event to a element, the event is also triggered by it's child element. Using stopPropagation
to keep the event from bubbling up doesn't seem to work.
HTML:
<div id="parent">
<div id="child"></div>
</div>
JS:
var hammertime = new Hammer(document.getElementById('parent'));
hammertime.on('tap', function(e) {
e.srcEvent.stopPropagation();
alert('Clicked on ' + e.target.id);
});
See JSFiddle for example: http://jsfiddle.net/qqvyqzgh/3/
What am I missing here?