手指触摸滑动事件的代码,做webApp的朋友可以用到

冬虫草
Posted by 冬虫草 on 十二月 21, 2011
前端开发

手指触摸滑动事件的代码,做webApp的朋友可以用到

<script>
$(document).ready(function(){
var startX,startY,endX,endY
var scrollTopVal=0; //左右滑动请自行修改
//假定接受手指触摸事件的Dom对象id是”touchBox”
document.getElementByIdx_x_x(“touchBox”).addEventListener(“touchstart”, touchStart, false);
document.getElementByIdx_x_x(“touchBox”).addEventListener(“touchmove”, touchMove, false);
document.getElementByIdx_x_x(“touchBox”).addEventListener(“touchend”, touchEnd, false);
function touchStart(event){
var touch = event.touches[0];
startY = touch.pageY;
}
function touchMove(event){
var touch = event.touches[0];
endY = (startY-touch.pageY);
if(scrollTopVal==0){
$(“#touchBox”).scrollTop((endY+100));
}else{
$(“#touchBox”).scrollTop(scrollTopVal+endY+100);
}
}
function touchEnd(event){
scrollTopVal=$(“#touchBox”).scrollTop();
}
});
</script>

 

 

分享到:

Tags:

发表评论

电子邮件地址不会被公开。 必填项已被标记为 *

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>