手機設備上touchstart與click的區別和click事件經歷過程
發布時間:2019/1/10 11:57:00 作者:Admin 閱讀:439
廣告:
1.基本定義
touchstart 手指觸碰開始就能觸發
click
1.手指觸碰
2.手指未在屏幕上移動
3.在這個dom上手指離開屏幕
4.觸摸和離開屏幕之間的時間間隔較短
因此,click事件有其獨特的地方,不能完全用touchstart替代。
2.click延時問題
因為手機瀏覽器上,兩次輕觸是放大操作,在第一次被輕觸后,瀏覽器需要先等一段時間,檢測是否有第二次連續觸碰,才會觸發click時間,click時間通常會延遲300ms左右。
解決方法:在touchstart和touchend時記錄時間和手指位置,在touchend時進行比較,如果手指為同一位置且時間很短,且期間未觸發touchmove時間,則可以認為觸發click時間,即為tap事件
移動端有四個關于觸摸的事件,分別是touchstart、touchmove、touchend、touchcancel(比較少用), 它們的觸發順序是touchstart-->touchmove-->touchend-->click,所以touch事件觸發完成后會接著觸發click事件
廣告:
相關文章