首页 >web前端 >H5教程 >在ios端点击按钮闪烁解决方法

在ios端点击按钮闪烁解决方法

一个新手
一个新手原创
2017-10-16 10:36:152474浏览

在ios端,safari浏览器上触发click事件有300ms的延迟相应,为touch添加的样式会和click冲突而出现闪烁问题

在safari中触摸事件的相应顺序如下:

touchstart --> touchmove --> touchend --> click(300ms)

此时可试用以下样式取消click事件的默认样式来消除页面闪烁问题


*{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

以上是在ios端点击按钮闪烁解决方法 的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn