移动端touch相关事件

  • touchstart : 当手指触摸到指定元素时触发
  • touchmove: 当手指在指定元素上移动时触发
  • touchend: 当手指离开指定元素时触发

点透现象

  • 如果两个元素是重叠的(一个在另一个上面)
  • 并且上面一个监听了touchstart事件, 下面一个监听了click事件
  • 那么如果上面一个元素触发touchstart事件之后消失了, 那么就会出现点透问题



    
    
    touch事件的点透问题
    



click
touch
  • 点透现象的存在,造成了实际开发中,弹窗等内容消失后,下面的内容如果有点击事件,将会被意外触发,影响体验

fastclick的使用

https://github.com/ftlabs/fastclick




    
    
    touch事件的点透问题解决
    

    
    


click
touch

你可能感兴趣的:(移动端touch相关事件)