手机滑动事件

 

先设置body的ID，然后获取body

var Div = document.getElementById("BODY");
//touchstart类似mousedown
Div.ontouchstart = function(e){
　　//事件的touches属性是一个数组，其中一个元素代表同一时刻的一个触控点，从而可以通过touches获取多点触控的每个触控点
　　//由于我们只有一点触控，所以直接指向[0]
　　var touch = e.touches[0];
　　//获取当前触控点的坐标，等同于MouseEvent事件的clientX/clientY
　　var x = touch.clientX;
　　var y = touch.clientY;
};
//touchmove类似mousemove
Div.ontouchmove = function(e){
　　//可为touchstart、touchmove事件加上preventDefault从而阻止触摸时浏览器的缩放、滚动条滚动等,这里因为需要滑动没有添加
　　$('#lazy2').attr('src','/Template/xpshop_currents/Images/mony.jpg');

　　$('#lazy2').fadeIn();

　　$('#lazy3').attr('src','/Template/xpshop_currents/Images/vision.jpg');

　　$('#lazy3').fadeIn();

};
//touchend类似mouseup
Div.ontouchup = function(e){
　　//nothing to do
};

转载于:https://www.cnblogs.com/webwangjie/p/7325565.html