jQueryでのタッチイベントの座標(event.pageX)で取れない時に。

jQueryを使っていると…。

$( document ).on( "mousemove", function( event ) {
  $( "#log" ).text( "pageX: " + event.pageX + ", pageY: " + event.pageY );
});

という感じでevent.pageXでブラウザもよしなに考慮して座標が取得できるハズ…。

しかし、一部Android端末で取得できなかったりする。

そんな時はe.originalEvent.touchesを見に行くと値がある。
だので、以下の様にしてみたりするといいかも。

function getPageX(e) {
  var pageX = 0;
  if (e.originalEvent.touches) {
    pageX = e.originalEvent.touches[0].pageX;
  } else {
    pageX = e.pageX;
  }   
  return pageX;
}
$( document ).on( "mousemove", function( event ) {
  var pageX = getPageX(event);
  $( "#log" ).text( "pageX: " + pageX );
});

引用:http://api.jquery.com/event.pagex/