DBMNG数据库管理与应用

书籍是全世界的营养品。生活里没有书籍,就好像没有阳光;智慧里没有书籍,就好像鸟儿没有翅膀。
当前位置:首页 > 经验分享 > HTML5

html5 手指触摸滑动事件代码(基于jquery)

$(document).ready(function(){


var startX,startY,endX,endY


var scrollTopVal=0; //左右滑动请自行修改


//假定接受手指触摸事件的Dom对象id是"touchBox"


document.getElementByIdx_x("touchBox").addEventListener("touchstart", touchStart, false);


document.getElementByIdx_x("touchBox").addEventListener("touchmove", touchMove, false);


document.getElementByIdx_x("touchBox").addEventListener("touchend", touchEnd, false);


//里面getElementByIdx_x 中 x_x 是新浪自己加的,用的时候请去掉


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();


}


});
本站文章内容,部分来自于互联网,若侵犯了您的权益,请致邮件chuanghui423#sohu.com(请将#换为@)联系,我们会尽快核实后删除。
Copyright © 2006-2023 DBMNG.COM All Rights Reserved. Powered by DEVSOARTECH            豫ICP备11002312号-2

豫公网安备 41010502002439号