[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>
터치 하세요
'Javascript' 카테고리의 다른 글
[Javascript] - Ajax로 페이지 Call하는법 (0) | 2011.06.29 |
---|---|
[Javascript] - 동영상 제어 (0) | 2011.06.29 |
[Javascript] - 달력(심플) (0) | 2011.06.28 |
[Javascript] - 페이지 로딩 소스 (0) | 2011.06.28 |
[Javascript] - 레이어 Fade In & Fade Out (0) | 2011.06.28 |