当前位置 : 主页 > 网络编程 > JavaScript >

解决:hover伪类在移动端二次点击的问题

来源:互联网 收集:自由互联 发布时间:2021-06-30
解决方案 在PC端中,默认链接颜色是红色, hover的时候,链接颜色是蓝色,点击一次跳转到“http://www.baidu.com”但是在移动端上中,第一次点击,链接颜色变蓝(也就是移动端上点击会触
解决方案
在PC端中,默认链接颜色是红色, hover的时候,链接颜色是蓝色,点击一次跳转到“http://www.baidu.com”
但是在移动端上中,第一次点击,链接颜色变蓝(也就是移动端上点击会触发伪类效果),再点一次才会跳转到“http://www.baidu.com”

点我跳转到首页

.mylink{
  color:red;
}
.mylink:hover{
  color:blue;
}

解决方法,在body上绑定一个空的touchstart事件即可。

document.body.addEventListener(‘touchstart’, function(){ });
网友评论