Question

使用这样的HTML：

<a href="http://google.com" class="readmore">Read more</a>

那么CSS就像这样：

a {color:white;} a:hover {background-color:#000;}

如何在启用触摸功能的设备上轻按鼠标悬停和链接工作？此外，有没有办法在第一次点击时激活悬停，然后在第二次点击时触发链接？

Jsiddle Link

Answer 1

我认为您只需要阻止点击链接并仅在双击时触发重定向。

使用<a>属性

更改focus的样式

$("a").click(function(e){
  e.preventDefault();
  return false;
})

$("a").dblclick(function(){
  var location = $(this).attr("href");
  console.log("redirection to :",location);
  window.location.href=location;
})

a:focus{
  color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="http://google.com">My link</a>

注意：重定向在SO中被阻止，但此示例正在运行

如何通过触摸启用设备激活链接上的悬停？

1 个答案: