Overriding an event

Overriding an event

Hi, 

To put it simply I have div1 and div 2 like so : 

<div class="one">
<div class="two">
</div>
</div>



I have a swipe event on div one. I would like to add a swipe event on div 2 which will override the event on div 1 since div 1 will cover the same area as div 2 as its its parent. 

the even code is below. I'm using the hammer.js library for the touch events.


var hammerelementone = document.getElementById('one');

var hammertime = Hammer(hammerelementone).on("dragleft", function(event) {
     
       function is here ...

}



Any Ideas 

Thanks