使用Javascript检测触摸屏设备

Question

在Javascript / jQuery中，如何检测客户端设备是否有鼠标？

我有一个网站，当用户将鼠标悬停在某个项目上时，该网站会在信息面板上向上滑动。我正在使用jQuery.hoverIntent来检测悬停，但这显然不适用于iPhone/ iPad / Android等触摸屏设备。因此，在这些设备上，我想还原为点按以显示信息面板。

Answer 1

+1hover，click两者兼而有之。另一种方法是使用CSS媒体查询，并仅对较小的屏幕/移动设备使用某些样式，而这些屏幕/移动设备最有可能具有触摸/点击功能。因此，如果您通过CSS有一些特定的样式，并且从jQuery中检查了移动设备样式属性中的那些元素，则可以将它们挂钩以编写您的移动特定代码。