html 5携帯端末タッチスクリーン事件(touch事件)第2章


touchstart://指をスクリーンに置くとtouchmove://指がスクリーン上を移動するとtouchend://指がスクリーンから持ち上がるとtouchcancel://システムがtouchイベントをキャンセルするとトリガーされます.システムがいつキャンセルされるかについては、イベント属性はeventを通過するのが一般的です.取得
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;
}