解决ios端点击出现闪烁或黑色背景的问题
背景：
最近开发一个简单的H5页面，在IOS端测试的时候发现，点击按钮会闪动，出现一个黑色的背景一闪而过，影响用户体验。
原因：
在ios端，safari浏览器上触发click事件有300ms的延迟相应，为touch添加的样式会和click冲突而出现闪烁问题。在safari中触摸事件的相应顺序如下：
touchstart --> touchmove --> touchend --> click(300ms)解决方案：
如何解决ios移动端开发H5页面点击按钮后出现闪烁或黑色背景呢？可试用以下样式取消click事件的默认样式来消除页面闪烁问题，给点击的元素添加一个css属性：
-webkit-tap-highlight-color:transparent;值得一提的是，300ms的延迟主要是用于判断用户是否为双击操作 。移动端页面开发坑比较多
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！