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 仿手机桌面左右滑动切换图片
unity3d判断鼠标左右滑动，响应不同事件
手机左右滑动特效 手机左右滑动特效 手机左右滑动特效
js鼠标左右滑动的手机页面切换效果，兼容主流浏览器
简单、实用的javascript图片点击左右滑动
web前端仿手机左右滑动，这个功能在手机上用的很多，但是现在很多网站都在用这个功能，所以我上传了这个例子
shIscroll HTML5 滑动组件 手机滑动shI
模仿触屏手机左右滑动，在电脑上可鼠标左右滑动。
本文实例为大家分享了vue移动端左右滑动事件，供大家参考，具体内容如下 <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> [removed][removed] <...
js控制图片左右滑动 且带有下角标 有完整的页面显示效果和js源代码 希望能对大家有做帮助 谢谢
NULL 博文链接：https://forlan.iteye.com/blog/2261417
实现手机等移动设备手指左右滑动的特效，本效果用div+css+jquery编写，兼容所有手机端浏览器
javascript的左右滑动代码，纯js，没有用到jquery。简单实用，直接下载html页面放到服务器上运行即可。touchstart->touchmove->touchend 原理参照：...
Zepto.js移动端左右滑动导航菜单，支持iOS，Android（暂不支持WP）等系统，PC端查看效果需要用鼠标左键按住导航菜单拖动，模拟手机上手指拖动效果。
可以根据手势来进行左右滑动的判断，动态布局加载
手机上浏览的左右滑动幻灯片图片展示，网页上也可以用，左右小圆点箭头特效，左右滑动切换，设计唯美，基于jQuery和css共同实现，另外还有一个实现滑动效果的slides.min.jquery.js插件。
手机端左右全屏滑动：http://blog.csdn.net/libin_1/article/details/50945532
网站的左右两边滑动广告特效，无需更多代码； 简单！
鼠标滚轮控制div左右滑动 页面左右滑动 鼠标控制左右滚动
左右滑动JS 左右滑动图片脚本（一般在底部)