假设有个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(){ });

Demo