前端开发今天有踩到一个大坑,特此记录。
事情的经过是这样的,我们app里面内嵌了一个页面,很多用户网络较慢情况下点击反应比较慢,导致像卡屏一般。需要在用户点击的时候给他个css交互,代表他的请求在处理中,遂想到 css :active 伪类来解决。
li:active {
background: #e3e3e3;
}
在android上面各种好用,在ios上面测试safari有效果,内嵌到app或者微信就湮了。
因为触摸事件被点击事件覆盖了。
终极解决方案: 原来结局只有一个
<body ontouchstart="">
...
</body>