不知道大家知道不知道，iOS開發，web頁面的連結的active屬性無效，但是今天發現一個hack辦法可以讓Css的active有效

很神奇，也是偶然發現的

一直大家都覺得，在行動裝置上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效果居然生效了。。。！！！