前端開發今天有踩到一個大坑,特此記錄。
事情的經過是這樣的,我們app裏面內嵌了一個頁面,很多用戶網絡較慢情況下點擊反應比較慢,導致像卡屏一般。需要在用戶點擊的時候給他個css交互,代表他的請求在處理中,遂想到 css :active 僞類來解決。
li:active {
background: #e3e3e3;
}
在android上面各種好用,在ios上面測試safari有效果,內嵌到app或者微信就湮了。
因爲觸摸事件被點擊事件覆蓋了。
終極解決方案: 原來結局只有一個
<body ontouchstart="">
...
</body>