0

I'm trying to get Hammer update the event.target element while using the "pan" event on mobile Android (so far only checked 4.2).

The problem is if I attach Hammer to the ul and pan along the li elements the event.target is returned correctly on desktop browsers (Chrome in particular - check the console), but mobile Android event.target is always the first one clicked.

The code:

$(document).ready(function() {
        console.log('fired up!');
        var myParent = document.getElementsByClassName('test')[0];

        var mc = new Hammer.Manager(myParent, {domEvents: true});

        mc.add( new Hammer.Pan({ direction: Hammer.DIRECTION_ALL, threshold: 0 }) );            
        mc.on("pan", function(ev) {
                console.log(ev.target);
            });
    });

An example can be found here:

http://designingreen.net/tests/test-hammer.html (just check the source)

Am I doing something wrong or is it a matter of Hammer?

Edit: Apparently this is an issue in Android and "touchmove" event. A good workaround solution is availible here:

How to find out the actual event.target of touchmove javascript event?

1 Answer 1

0

Apparently this is an issue in Android with "touchmove" event. A good workaround solution is availible here:

How to find out the actual event.target of touchmove javascript event?

Not the answer you're looking for? Browse other questions tagged or ask your own question.