您的位置：首页 > Web前端 > CSS

不知道大家知道不知道，iOS开发，web页面的链接的active属性无效，但是今天发现一个hack办法可以让Css的active有效

2012-05-10 16:40 1011 查看
很神奇，也是偶然发现的

一直大家都觉得，在移动设备上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效果居然生效了。。。！！！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航