閃爍問題
由于在iOS Safari上click事件存在300ms響應延時,所以為touch事件添加樣式,會和click事件默認樣式疊加而產生閃爍問題。
因為ios safari瀏覽器中對觸摸事件的響應順序是:
ontouchstart -> ontouchmove -> ontouchend -> (300ms) onclick
消除click默認樣式
通過講click事件樣式的alpha通道設置為0(透明),消除click事件的閃爍效果
-webkit-tap-highlight-color: rgba(0,0,0,0);