[Javascript] - 슬라이딩 터치

Javascript 2011. 6. 28. 18:48
반응형

[Javascript] - Sliding Touch

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <script type="text/javascript">

if(window.addEventListener) {

 window.addEventListener('load', function() {

  setTimeout(scrollTo, 0, 0, 1);

 }, false);

}

 

// touch actions

var a = 0;

var b = 0;

 

document.addEventListener("touchstart", function(event){

var touch = event.touches[0];

  a = touch.pageX;

});

 

document.addEventListener("touchmove", function(event){

   var touch = event.touches[0];

  b = touch.pageX

 

 

}

 );

 

 

  document.addEventListener("touchend", function(event){

if(a <= 90 && a != 0 && b >= 150){

alert('왼쪽에서 오른쪽');

 

 

}else if(a >= 230 && b != 0 && b <= 230){

alert('오른쪽에서 왼쪽');

 

 

}

a = 0;

b = 0;

 

});

function roll_back(){

history.back();

return false;

a = 0;

b = 0;

}

</script>

터치 하세요


반응형
: