可以引入很多开源库,比如zepto.js,zepto里面,有swipe、swipeLeft、swipeRight事件,分别在dom元素被滑动的时候触发,代码示例如下:
$('#items li').swipeLeft(function(){//前一页
})
这是自己封装的原生js方法,为了偷懒,用了电jqurey。调用方法如下:
touchs._left(object)//往左滑动,
touchs._right(object)//往右滑动
touchs._top(object)//往上滑动
touchs._bottom(object)//往下滑动
说明:object的取值可以是一个id("#id")表达式,或者是一个样式表达式(".class"),或者标签的属性表达式("div[id=id]")等,只要可以用jqurey通过这个表达式获取到dom对象,这个表达式怎么写都可以。
ontouchmove 自己是做不到的给你一个思路吧:
touchstart 触发过程中 记录touches的触点坐标
touchend 触发过程中通过 touches的触点坐标 和前一个坐标进行计算得出移动的方向和距离