iso android a標籤css :active 在微信或app內嵌不起作用解決方案

前端開發今天有踩到一個大坑,特此記錄。

 

事情的經過是這樣的,我們app裏面內嵌了一個頁面,很多用戶網絡較慢情況下點擊反應比較慢,導致像卡屏一般。需要在用戶點擊的時候給他個css交互,代表他的請求在處理中,遂想到 css :active 僞類來解決。

li:active {
    background: #e3e3e3;
}

 

在android上面各種好用,在ios上面測試safari有效果,內嵌到app或者微信就湮了。

 

因爲觸摸事件被點擊事件覆蓋了。

 

終極解決方案: 原來結局只有一個

 

<body ontouchstart="">
    ...
</body>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章