移动端滑动事件示例

 鼠标按下时触发的事件：touchstart

element.addEventListener('touchstart', function(e) {

   e.touches[0].clientX;    // 返回鼠标按下时的X坐标

})

 

鼠标移动时触发的事件：touchmove

element.addEventListener('touchmove', function(e) {

    e.touches[0].clientX;    // 返回鼠标移动时的X坐标

})

该事件只要鼠标发生移动就会触发

 

鼠标松开时触发的事件：touchend

element.addEventListener('touchend', function(e) {

    e.changedTouches[0].clientX;    // 返回鼠标松开时的X坐标

})

需要注意，touchend事件的坐标信息是在changedTouches属性上的