假设有个a标签
<a href="http://www.w3cways.com" class="mylink">点我跳转到首页</a>
.mylink{ color:red; } .mylink:hover{ color:blue; }
在PC端中,默认链接颜色是红色, hover的时候,链接颜色是蓝色,点击一次跳转到“http://www.wc3ways.com”
但是在移动端上中,第一次点击,链接颜色变蓝(也就是移动端上点击会触发伪类效果),再点一次才会跳转到“http://www.wc3ways.com”
解决方法,在body上绑定一个空的touchstart事件即可。
document.body.addEventListener(‘touchstart’, function(){ });