JS判断手机纵向滑动

要实现该效果需要用到三个H5中的新增事件：touchstart、touchmove和touchend。

touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。

touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。

touchend事件：当手指从屏幕上离开的时候触发。

下面写个小例子：

其实就是判断纵向的移动方向，Y变大向下，Y减小向上。

可以用JS先判断终端是否支持触摸事件：

/**
 * 触摸事件优先
 * @return {boolean} 
 */
function clickEvent() {
  return ('ontouchstart' in document.documentElement) ? 'touchstart' : 'click';
}