Javascript 触摸会使鼠标悬停在触摸下方的元素上

我正在用JavaScript和CSS制作一个日期选择器。一切正常，但我的触摸设备有问题。当选择器出现时，它看起来如下所示：

单击顶部的年份（在本例中为“1983”）会导致选择器的内容更改为年份选择，如下所示：

这在桌面上非常有效。但是，在移动设备上（具体为iOS），即使在触摸已结束且div内容已更改后，拾取器上的触摸事件仍会导致div上出现悬停，从而产生以下效果：

1980年被突出显示，就像用户在它上面悬停一样，这个元素位于打开此视图的触摸位置下方

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

如果需要的话，我可以提供特定的代码，但希望这能提供足够的信息让大家了解这个想法。

以下是解决方案：

---

本质上，它可以归结为使用：桌面上的悬停和移动设备上的：活动。

这似乎可能是由已知的“粘性悬停效应”造成的。本页详细介绍了它以及如何在移动设备上禁用hover，但并不是一个让hover正常工作的解决方法。