点透bug

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点透bug相关的知识,希望对你有一定的参考价值。

问题描述:在上层元素添加的是tap事件,并且是tap之后消失,下层元素添加的的是click,这个时候
    
    在上层元素tap消失后,会触发下层元素click事件


    解决方式:

    1.上下两层都使用tap事件,不要使用click事件  缺点:a标签自带的就是click

    2.缓动动画 让上层的元素不要一下子消失,以动画的方式去消失,只要时间够了300ms,就ok了

        缺点:跟设计的效果不符合

    3.中间层过渡   中间再放一个透明的层,然后给它加click事件,click之后消失

        缺点:有很小的几率,中间层没有消失,   凭空就需要多操作一个dom

    4.使用fastclick库   缺点:多了很多代码

以上是关于点透bug的主要内容,如果未能解决你的问题,请参考以下文章

移动端的点透事件

移动端-点透的解决方法

移动端-点透问题 巧妙解决

移动端“点透事件”

mobile_点透_传透

Zepto的点透问题如何解决?