CSS:ios移动端中点击/选中动画（:active）失效

原因：

:active针对的是鼠标的点击事件，在iOS移动端中鼠标事件的速度非常快，不会收到活动状态，移动端中应使用touch事件。

解决办法：

给body或需要动画的元素绑定一个空的touchstart事件

document.body.addEventListener(‘touchstart‘,function(){});
或者
<body ontouchstart="" onmouseover="">

posted on 2020-07-17 14:10 小小小小码农阅读(820) 评论(0) 收藏举报