本人接触前端不久，写的不好的请多多指教，欢迎指出

最近做到一个需求需要实现移动端的手势操作，在网上有找到不少不错的插件（PS：就不打广告了，一搜一大堆）

插件用起来确实不错，不过自己想研究下，便写了一个demo，实现了上拉、下拉触发，及左右手势滑动触发

上拉、下拉触发用了

$(window).scroll（）                //当滚动条滚动时触发

scrollTop（）（滚动条距离顶部的高度）

$(document).height(当前页面的总高度)

$(this).height(当前可视的页面高度);

具体请看下面附上代码

左右手势滑动触发

使用了js的addEventListener监听，

分别监听-touchstart事件，touchmove事件，touchend事件，主要获取clientX，clientY属性

touchstart：当鼠标点击屏幕时触发

touchmove：当鼠标在屏幕移动时触发

touchend：当鼠标离开屏幕时触发

属性：event.touches[0].clientX，event.touches[0].clientY获取x，y坐标

直接上代码，请多指教（PS：请使用移动模式调试）

 

     
     		
     
				
      
x:,y:
				
      
x:,y:
				
      
						
       
        
						
       
        
						
       
        
						
       
        
						
       
        
				
      
		
     
		

　　

博客：http://www.cnblogs.com/alex-web/

注：小疯纸的yy