html 5携帯端末タッチスクリーン事件(touch事件)第2章
2995 ワード
touchstart://指をスクリーンに置くとtouchmove://指がスクリーン上を移動するとtouchend://指がスクリーンから持ち上がるとtouchcancel://システムがtouchイベントをキャンセルするとトリガーされます.システムがいつキャンセルされるかについては、イベント属性はeventを通過するのが一般的です.取得
Client/clientY://タッチポイントブラウザウィンドウviewportに対する位置pageX/pageY://タッチポイントページに対する位置screenX/screenY://タッチポイント画面に対する位置identifier://touchオブジェクトのunique ID
Client/clientY://タッチポイントブラウザウィンドウviewportに対する位置pageX/pageY://タッチポイントページに対する位置screenX/screenY://タッチポイント画面に対する位置identifier://touchオブジェクトのunique ID
var startX=startY=0;
function touchSatrtFunc(e) {
e.preventDefault(); // 、
var touch = e.Touches[0]; //
var x = Number(touch.pageX); // X
var y = Number(touch.pageY); // Y
startX = x;
startY = y;
}
//touchmove
function touchMoveFunc(e) {
e.preventDefault(); // 、
var touch = e.touches[0];
var x = touch.pageX - startX,
y = touch.pageY - startY;
var text = 'Move:(' + (x) + ', ' + y + ')';
document.title = text;
}
//touchend
function ToucheEndFunc(e) {
e.preventDefault(); // 、
var touch = e.changedTouches[0]; //
var x = touch.pageX; // X
var y = Number(touch.pageY); // Y
var text = 'end:(' + x + ', ' + y + ')';
document.title = text;
}