關於移動端的Click事件

      在移動端執行Click事件,一般狀況出現有300毫秒的延遲,爲防止這種沒必要要的延遲效果,咱們能夠換種方式來實現,一樣達到快速執行Click事件的效果。seo

先了解一下移動端Click的執行順序: touchstart - > touchmove -> touchend -> mouseover ->mousemove ->click, 從這個執行順序能夠看出,走完這個過程,300毫秒到click響應不足爲奇了。事件

既然如此,咱們徹底能夠經過touchstart來取代click事件,另外,也能夠在click事件裏,對event的type來判斷來快速執行響應。event

       IOS阻止默認click事件原理,須要主要的是:原理

       (1)只是針對IOS,其它平臺沒必要阻止;cli

       (2)在touchend時就看手指移動狀況來以爲該阻止click或者是取消touch事件;touch

   (3)只有event類型爲click時纔有必要阻止。移動

在touchend的時候與touchstart時比較時間,位置,以區別是否執行「按下」的操做。值得一提的是,Zepto的tap事件,已經很好的爲咱們解決了這個問題。時間

相關文章
相關標籤/搜索