var startX = startY = endX = endY = 0;
var dom = document.getElementById('main');
//touchStart事件
dom.addEventListener('touchstart',function(event){
var touch = event.targetTouches[0];
startX = touch.pageX;
startY = touch.pageY;
document.getElementById('start').value = startX + ',' + startY;
},false);
//touchmove事件
dom.addEventListener('touchmove',function(event){
var touch = event.targetTouches[0];
endX = touch.pageX;
endY = touch.pageY;
},false);
//touchend事件
dom.addEventListener('touchend',function(event){
document.getElementById('end').value = endX + ',' + endY;
document.getElementById('count').value = (endX - startX) + ',' + (endY - startY);
},false);
移动端touch事件
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
前端:移动端touch事件判断滑屏手势
1、当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和纵坐标s
android dom app 补码 安卓 -
移动端前端
缩放:scale ...
缩放 IT -
WPF依赖属性和附加属性
简要讲解了附加属性和依赖属性
wpf Click xml 控件 -
Java Spring “Bean” 面试清单(含超通俗生活案例与深度理解)
一、Bean 定义和依赖定义有哪几种方式
#面试 #经验分享 #笔记 #java 作用域
















