タッチ中の座標を取得

タッチ中の座標を取得するには、イベントオブジェクトのevent.clientXプロパティまたはevent.clientYプロパティを使用します。

デモ

-

サンプルコード

var sampleElement = document.getElementById('sample'); var touchHandler = function(event) { var x = 0, y = 0; if (event.touches && event.touches[0]) { x = event.touches[0].clientX; y = event.touches[0].clientY; } else if (event.originalEvent && event.originalEvent.changedTouches[0]) { x = event.originalEvent.changedTouches[0].clientX; y = event.originalEvent.changedTouches[0].clientY; } else if (event.clientX && event.clientY) { x = event.clientX; y = event.clientY; } console.log('x : ' + x + ', y : ' + y); }; sampleElement.addEventListener('touchstart', touchHandler, false); sampleElement.addEventListener('touchmove', touchHandler, false); sampleElement.addEventListener('touchend', touchHandler, false);