不知道大家知道不知道,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效果居然生效了。。。!!!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM