javascript - 触摸导致悬停在触摸下方的元素上

Question

我正在用 JavaScript 和 CSS 制作一个日期选择器。一切正常，但触摸设备有问题。当选择器出现时，它看起来像这样:

单击顶部的年份(在此示例中为“1983”)会导致选择器的内容更改为年份选择，如下所示:

这在桌面上完美运行。但是在移动设备(具体为 iOS)上，即使在触摸结束并且 div 内容已更改后，选择器上的触摸事件也会导致悬停在 div 上，从而导致此效果:

1980 年已突出显示，就好像用户悬停在上面一样，并且此元素位于打开此 View 的触摸位置下方。

选择器上的所有元素都是 div，样式是使用 CSS 类完成的，悬停元素的轮廓是使用类上的 :hover 添加的。

如果需要，我可以提供具体的代码，但希望这会提供足够的信息来理解这个想法。

Answer 1

解决方法如下:

http://mvartan.com/2014/12/20/fixing-sticky-hover-on-mobile-devices

本质上，它归结为在桌面上使用 :hover 并在移动设备上使用 :active。