IOS active 状态失效问题

时间：2020-06-29 00:21:02 收藏：0 阅读：69

失效原因

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 ontouchstart=""></body>

document.addEventListener("touchstart", function() {},false);
// 或
document.body.addEventListener("touchstart", function() {})

添加如下css配合

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

<a ontouchstart="">Click me</a>

var a=document.getElementsByTagName(‘a’);
for(var i=0;i<a.length;i++){
    a[i].addEventListener(‘touchstart’,function(){},false);
}