移動端click延遲解決方案

標籤：nbsp   延遲   1.0   init   原因   cli   tor   log   css   

首先要知道為什麼移動端的click會遲鈍?

Google的開發人員文檔《300ms tap delay, gone away》可以找到原因

移動端要判斷是不是雙擊，所以單擊之後不能夠立刻觸發click，要等300ms，直到確認不是雙擊了才觸發click。所以就導致了click有延遲。方法1<meta name="viewport" content="width=device-width">就是把viewport設定成裝置的實際像素, 就不會有這300ms的延遲了, 並且受到了IE/Firefox/Safari(IOS 9.3)的支援，也就是說現在的移動端開發可以不用顧慮click會比較遲鈍的問題。 方法2設定initial-scale=1.0，在Chrome上是可以生效，但是Safari不會:<meta name="viewport" content="initial-scale=1.0"> 方法3設定CSS：html { 　　touch-action: manipulation; }這樣也可以取消掉300ms的延遲，Chrome和Safari都可以生效。

移動端click延遲解決方案