首页 > 代码库 > js判断手机的左右滑动
js判断手机的左右滑动
js代码
$(function() { function judge() { var startx;//让startx在touch事件函数里是全局性变量。 var endx; var el = document.getElementById(‘io‘);//触摸区域。 function cons() { //独立封装这个事件可以保证执行顺序,从而能够访问得到应该访问的数据。 if (startx > endx) { //判断左右移动程序 alert("left"); } else { alert("right"); } } el.addEventListener(‘touchstart‘, function (e) { var touch = e.changedTouches; startx = touch[0].clientX; starty = touch[0].clientY; }); el.addEventListener(‘touchend‘, function (e) { var touch = e.changedTouches; endx = touch[0].clientX; endy = touch[0].clientY; cons(); //startx endx 的数据收集应该放在touchend事件后执行,而不是放在touchstart事件里执行,这样才能访问到touchstart和touchend这2个事件产生的startx和endx数据。另外startx和endx在_touch事件函数里是全局性的,所以在此函数中都可以访问得到,所以只需要注意事件执行的先后顺序即可。 }); } judge(); })
html随便写就可以 记得id要对应
<body> <div style="width: 100%;height: 3000px;background: #08c;" id="io"> </div> </body>
js判断手机的左右滑动
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。