关于前端开发的问题。。。

956432821 发布于 2016/05/06 17:56
阅读 191
收藏 1
在前端开发的时候遇到了tap事件穿透,请问怎么解决呢。。。。。。
加载中
0
上海什么大学
上海什么大学

1、在touchend事件中调用preventDefault()

2、在触发上层元素的tap事件之后,取消当前区域下层元素的click事件监听(可以靠给元素加pointer-events:none

3、模拟click事件(比如fastclick)

4、设置user-scalable=no,在部分手机浏览器上会取消tap后的延迟触发click效果

<meta name="viewport" content="width=device-width, user-scalable=no">

5、在部分浏览器下可以靠touch-action: manipulation取消tap后的延迟触发click效果
html {
-ms-touch-action: manipulation;
touch-action: manipulation;
}

956432821
956432821
谢谢
返回顶部
顶部