ios上touch+click事件延时闪烁的问题

闪烁问题

由于在iOS Safari上click事件存在300ms响应延时,所以为touch事件添加样式,会和click事件默认样式叠加而产生闪烁问题。
因为ios safari浏览器中对触摸事件的响应顺序是:

ontouchstart -> ontouchmove -> ontouchend -> (300ms) onclick


消除click默认样式

通过讲click事件样式的alpha通道设置为0(透明),消除click事件的闪烁效果

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容