「JavaScript」touchEvent.changedTouchesでタッチした座標を取得する方法

2014年3月20日2020年10月28日

説明
eventオブジェクトのchangedTouchesを利用してタップした座標を取得します。
構文
1.var changes = touchEvent.changedTouches;
2.var startHandler = someElement.ontouchstart;
使用例

<div id="cft">12345678</div>
document.getElementById( "cft" ).ontouchstart = function( event ) {
      // タッチの情報
      var touchHanlerObj = event.changedTouches[0] ;

      // 水平方向の位置座標
      var x = touchHanlerObj.pageX ;	
      // 垂直方向の位置座標
      var y = touchHanlerObj.pageY ;	
}