[JavaScript] Android Mobile touch events(안드로이드 모바일 디바이스에서 터치이벤트)

touchstart : 터치 시작

touchmove : 터치 시작 후 이동

touchend : 터치 종료

$("div.scxChartPanel").on("touchstart", function(event){

var touch = event.originalEvent.touches[0]; 첫번째 터치 오브젝트

var multiTouch = event.originalEvent.touches[1]; 두번째 터치 오브젝트

if(multiTouch == null){

startTouchX = touch.pageX;

}else{

zoomStartWidth = Math.sqrt(Math.pow(touch.pageX - multiTouch.pageX, 2)

+ Math.pow(touch.pageY - multiTouch.pageY, 2));

}

});

$("div.scxChartPanel").on("touchmove", function(event){

var touch = event.originalEvent.changedTouches[0];

var multiTouch = event.originalEvent.changedTouches[1];

if(multiTouch == null){

gChart.scrollOnPixels(parseInt(touch.pageX - startTouchX));

startTouchX = touch.pageX;

gChart.setNeedsAutoScale();

}else{

var zoomWidth = Math.sqrt(Math.pow(touch.pageX - multiTouch.pageX, 2)

+ Math.pow(touch.pageY - multiTouch.pageY, 2));

gChart.zoomOnPixels(parseInt(zoomWidth - zoomStartWidth));

zoomStartWidth = zoomWidth;

}

});

$("div.scxContainer.scxUnSelective").on("touchend", function(event){

});