Touchend not firing after touchmove on android 4.x

问题:

I am writing some code with javascript just like this:

    var el = document.getElementById('some-div');
    el.ontouchstart = function(e){
            el.innerHTML = "touch start";
    };
    el.ontouchend = function(e){
            el.innerHTML = "touch end";
    };
    el.ontouchmove = function(e){
            el.innerHTML = "touch moved";
    };

This code work fine on IOS/safair and android 2.x.x . On android 4.x(I tried 4.0.4 & 4.1) , touchend not firing after touchmove. If I tap the screen, don't move my finger, touchend will be fired.

How to fix this?

This is a bug of chrome, the detail is here: http://code.google.com/p/chromium/issues/detail?id=152913

回答1:

I believe if you call e.preventDefault() in touchstart or touchmove it will stop the event being soaked up before it hits your ontouchend handler. I dont have a device here to try it on right now though :)