ios上touch+click事件延時閃爍的問題

閃爍問題

由于在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);

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容