当前位置:首页 > 开发 > 软件应用 > 正文

iso android a标签css :active 在微信或app内嵌不起作用解决方案

发表于: 2016-04-26   作者:qiaolevip   来源:转载   浏览:
摘要: 前端开发今天有踩到一个大坑,特此记录。 事情的经过是这样的,我们app里面内嵌了一个页面,很多用户网络较慢情况下点击反应比较慢,导致像卡屏一般。需要在用户点击的时候给他个css交互,代表他的请求在处理中,遂想到css:active伪类来解决。li:active{ background:#e3e3e3; } 在android上面各种好用,在ios上面测试safari有效果,内嵌到app或者微信就

前端开发今天有踩到一个大坑,特此记录。

 

事情的经过是这样的,我们app里面内嵌了一个页面,很多用户网络较慢情况下点击反应比较慢,导致像卡屏一般。需要在用户点击的时候给他个css交互,代表他的请求在处理中,遂想到 css :active 伪类来解决。

li:active {
    background: #e3e3e3;
}

 

在android上面各种好用,在ios上面测试safari有效果,内嵌到app或者微信就湮了。

 

因为触摸事件被点击事件覆盖了。

 

终极解决方案: 原来结局只有一个

 

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

 

iso android a标签css :active 在微信或app内嵌不起作用解决方案

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号