a:active在ios上无效解决方法

最新推荐文章于 2023-12-15 16:28:15 发布

weixin_30872157

最新推荐文章于 2023-12-15 16:28:15 发布

阅读量201

点赞数

原文链接：http://www.cnblogs.com/tangbuluo/p/7676077.html

版权

原因：

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[i].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

转载于:https://www.cnblogs.com/tangbuluo/p/7676077.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30872157

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
a:active在ios上无效解决方法

原因：By default, Safari Mobile does not use the :active state unless there is atouchstart event handler on the relevant element or on the <body>.解决方法：1.body标签上添加ontouchstart空方法（页面首个元素起作用）...
复制链接

扫一扫