如何在仅有触摸的浏览器中激活CSS:hover事件？

Question

自 :hover 当然是不支持只在触控浏览器中使用的。

另外一些CSS :hover 如果你按住手指在屏幕上，事件可以通过仅有触摸的浏览器激活。

我想工作 touchmove 与 :hover css。

有没有人有解决工作 :hover 只在触摸式浏览器中使用？

Answer 1

简短的回答：触摸设备上没有悬停。

更长的答案可以在下面的文章中找到。https:/www.prowebdesign.rohow-to-deal-with-hover-on-touch-screen-devices

Answer 2

你可以为touchstart，touchend添加一个事件监听器，然后在元素上添加一个类，每当touch事件在该元素上被触发时，你就可以在该元素上应用所有的悬停效果。然后你就可以通过新添加的类来应用所有的悬停效果。

$(document).ready(function() {
    $('.hover').on('touchstart touchend', function(e) {
        e.preventDefault();
        $(this).toggleClass('hover_touch');
    });
});

然后在你的css文件中做如下操作。

element:hover, element.hover_touch{
    rule : property:
}