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

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

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

document.getElementById( "cft" ).ontouchstart = function( event ) {

// タッチの情報

var touchHanlerObj = event.changedTouches[0] ;

// 水平方向の位置座標

var x = touchHanlerObj.pageX ;

// 垂直方向の位置座標

var y = touchHanlerObj.pageY ;

}

<div id="cft">12345678</div> document.getElementById( "cft" ).ontouchstart = function( event ) { // タッチの情報 var touchHanlerObj = event.changedTouches[0] ; // 水平方向の位置座標 var x = touchHanlerObj.pageX ; // 垂直方向の位置座標 var y = touchHanlerObj.pageY ; }

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

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

JavaScript

Posted by arkgame

関連投稿: