有没有办法检测 hover 机制（或触控板/鼠标）？

Question

我目前在我的 css 中有@media (any-hover: hover)条件，之前有(hover: hover) ，但我想要的也没有：我只想启用 hover 事件，如果移动设备有某种 ZE0542F579DF8E8BF2ZF88植入的机制（例如触控板、鼠标但不限于）。
However, with hover:hover at least on iPad it doesn't stimulate the hover event at all (I know hover detects if the device's primary interaction supports hover), not even I have magic keyboard connected (which has a trackpad). 然后我改为any-hover ，这一次 iPad 即使没有连接任何附件也能刺激 hover，并与触摸交互。

因此，有没有办法检测设备是否连接了可悬停的设备？ 我应该使用pointer: fine还是pointer: coarse来做到这一点？ 或者有没有办法在 JS 中这样做？ 我不希望它简单地检测是否连接了鼠标，而是检测任何具有类似悬停机制的设备。

Answer 1

因此，如果有人将鼠标插入 iPad，您想要的东西与普通 iPad不匹配并且匹配？

pointer: fine通常就足够了，但是您可以使用(any-hover: hover) and (pointer: fine)获得更精确的信息。 您真的只想为具有细粒度指针控制的设备启用 hover 内容。

你也可以用 JS 来表达：

let mql = window.matchMedia('(any-hover: hover) and (pointer: fine');

然后我更改为任意悬停，这一次 iPad 即使没有连接任何附件，也会刺激 hover，并与触摸交互。

这似乎是一个错误。