很神奇，也是偶然發現的
一直大家都覺得，在移動設備上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效果居然生效了。。。！！！