移动端点击延迟问题和点击穿透事件

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_38858002/article/details/81943196

当我们在做移动端页面是会发现当我们点击一个元素触发事件的时候,会存在一个短暂的延迟问题。在就是所谓的移动端300ms延时。
具体的解决方案
我们可以使用touchstart事件,然后去监听这个事件的触发,这个时间是不存在延时问题的。此时还需要我们去禁止掉click事件,因为会存在点击穿透的问题。
那什么又是点击穿透事件呢
当我们页面有两个元素A,B。当我们触发A的touchstart事件时让它隐藏起来。我们发现当我们点击A元素的时候,会去触发B元素的一个点击事件。这是因为事件的执行顺序为touchstart>touchend>click。当我们去点击A元素的时候,首先触发的是她的touchstart事件,这个时候它就已经消失了,所以当执行点击事件的函数时就会到B元素身上。

猜你喜欢

转载自blog.csdn.net/weixin_38858002/article/details/81943196