很神奇,也是偶然发现的
一直大家都觉得,在移动设备上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效果居然生效了。。。!!!