Question

需要一个想法，我陷入了相当难题。我正在构建一个响应式的未来证明网页设计。

在桌面设备和类似设备上：我有一个菜单，在悬停时会执行css动画以显示链接后面隐藏的内容的描述，并点击导航到新页面。

在移动设备上：我希望触摸悬停的触摸事件（从而显示描述），然后在触摸号2上，它应该导航到新页面。

以上是可行的，但如何在不检查用户代理的情况下这样做，这是我的情况。如何对未来的证据进行证明。

任何好的想法都会受到欢迎。：）

Answer 1

使用Javascript在touchstart / touchend个活动中添加课程。浏览器不会发布这些事件：

<强>使用Javascript：

document.querySelector("#myMenu").addEventListener("touchstart", function() {
    this.classList.add("mobileHovered ");
});
document.querySelector("#myMenu").addEventListener("touchend", function() {
    this.classList.remove("mobileHovered");
});

<强> CSS：

#myMenu:hover,
#myMenu.mobileHovered {
    /* CSS styles */
}

点击手机/平板电脑，将鼠标悬停在其他设备上（面向未来）

1 个答案: