|
原因：
By default, Safari Mobile does not use the :active state unless there is a
touchstart event handler on the relevant element or on the <body>.
解决方法：
1.body标签上添加ontouchstart空方法（页面首个元素起作用）
<body ontouchstart="">
</body>
2.document或body添加touchstart空事件（页面首个元素起作用）
document.addEventListener("touchstart", function() {},false);
//或
document.body.addEventListener("touchstart", function() {})
/*添加如下css配合*/
html {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
3.单个a元素添加ontouchstart空事件
<a ontouchstart="">Click me</a>
4.所有a元素添加touchstart空事件
var a=document.getElementsByTagName(‘a’);
for(var i=0;i<a.length;i++){
a.addEventListener(‘touchstart’,function(){},false);
}
参考：https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari
http://blog.csdn.net/freshlover/article/details/43735273
| 
|手机版|小黑屋|Java自学者论坛
( 声明：本站文章及资料整理自互联网，用于Java自学者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2021-6-30 10:08:02