纸头折飞机
欢迎大家加入KitJs官方高级QQ群88093625,讨论前端技术,上海携程招聘H5,iOS,android,产品,设计,交互,测试,有意者发简历到xueduanyang1985@163.com

很神奇,也是偶然发现的

一直大家都觉得,在移动设备上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效果居然生效了。。。!!!

posted on 2012-05-10 16:40  薛端阳  阅读(3816)  评论(1编辑  收藏  举报