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);

你可能感兴趣的:(ios上touch+click事件延时闪烁的问题)