次のようにJavascriptでコードを書いています:
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";
};
このコードは、iOS/Safari および Android 2.xx で正常に動作します。Android 4.x (私は 4.0.4 と 4.1 を試しました) で、touchmove 後に touchend が起動しません。画面をタップしても、指を動かさないでください。タッチエンドが起動します。
これを修正する方法は?
これは Chrome のバグです。詳細はこちら: http://code.google.com/p/chromium/issues/detail?id=152913