很神奇，也是偶然发现的

一直大家都觉得，在移动设备上active无效是正常的，因为没有mousedown吗，都是touch

今天发现，要让a链接的Css active伪类生效，只需要给这个a链接的touch系列的任意事件touchstart/touchend绑定一个空的匿名方法即可hack成功

<style>

a {

  color: #000;

}

a:active {

  color: #fff;

}

</style>

<a herf=”asdasd”>asdasd</a>

<script>

var a=document.getElementsByTagName(‘a’);

for(var i=0;i<a.length;i++){

  a[i].addEventListener(‘touchstart’,function(){},false);

}

</script>

找个ipad或者iphone试下，

神奇的发现，touch按下去后，发现a的active效果居然生效了。。。！！！