JavaScript È°¿ëÆÁ
2017.05.15 / 22:13

[JavaScript] Android Mobile touch events(¾Èµå·ÎÀÌµå ¸ð¹ÙÀÏ µð¹ÙÀ̽º¿¡¼­ ÅÍÄ¡À̺¥Æ®)

MultiPlayer
Ãßõ ¼ö 275

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){

});